feat: interact with user settings/profile (#9)

components/Footer/Footer.stories.tsx

@@ -1,6 +1,6 @@
 import { Meta, Story } from '@storybook/react'
 
-import { Footer as Component, FooterProps } from './'
+import { Footer as Component, FooterProps } from '.'
 
 const Stories: Meta = {
   title: 'Footer',

components/Footer/Footer.test.tsx

@@ -1,9 +1,9 @@
 import { render } from '@testing-library/react'
 
-import { Footer } from './'
+import { Footer } from '.'
 
 describe('<Footer />', () => {
-  it('should render with appropriate link tag version', async () => {
+  it('should render with appropriate link tag version', () => {
     const version = '1.0.0'
     const { getByText } = render(<Footer version={version} />)
     const versionLink = getByText(`website v${version}`) as HTMLAnchorElement

components/Footer/Footer.tsx

@@ -13,10 +13,10 @@ export const Footer: React.FC<FooterProps> = (props) => {
   const { version } = props
 
   return (
-    <footer className='bg-white flex flex-col items-center justify-center py-6 text-lg border-t-2 border-gray-600 dark:border-gray-400 dark:bg-black'>
+    <footer className='flex flex-col items-center justify-center border-t-2 border-gray-600 bg-white py-6 text-lg dark:border-gray-400 dark:bg-black'>
       <p>
         <Link href='/'>
-          <a className='hover:underline text-green-800 dark:text-green-400'>
+          <a className='text-green-800 hover:underline dark:text-green-400'>
             Thream
           </a>
         </Link>{' '}

components/Footer/VersionLink.tsx

@@ -8,7 +8,7 @@ export const VersionLink: React.FC<VersionLinkProps> = (props) => {
 
   return (
     <a
-      className='hover:underline text-green-800 dark:text-green-400'
+      className='text-green-800 hover:underline dark:text-green-400'
       href={`https://github.com/Thream/${repository}/releases/tag/v${version}`}
       target='_blank'
       rel='noopener noreferrer'