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

components/design/Divider/Divider.stories.tsx

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

components/design/Divider/Divider.test.tsx

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/react'
 
-import { Divider } from './'
+import { Divider } from '.'
 
 describe('<Divider />', () => {
   it('should render successfully', () => {

components/design/Divider/Divider.tsx

@@ -1,7 +1,7 @@
 export const Divider: React.FC = () => {
   return (
-    <div className='relative flex justify-center h-[2px] w-full mb-3'>
-      <div className='absolute h-[2px] w-8/12 bg-gray-600 dark:bg-white/20 rounded-full'></div>
+    <div className='relative mb-3 flex h-[2px] w-full justify-center'>
+      <div className='absolute h-[2px] w-8/12 rounded-full bg-gray-600 dark:bg-white/20'></div>
     </div>
   )
 }