feat: design applications and first api calls

Co-authored-by: Walid <87608619+WalidKorchi@users.noreply.github.com>

components/design/Divider/Divider.stories.tsx

@@ -0,0 +1,12 @@
+import { Meta, Story } from '@storybook/react'
+
+import { Divider as Component } from './'
+
+const Stories: Meta = {
+  title: 'Divider',
+  component: Component
+}
+
+export default Stories
+
+export const Divider: Story = (arguments_) => <Component {...arguments_} />

components/design/Divider/Divider.test.tsx

@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react'
+
+import { Divider } from './'
+
+describe('<Divider />', () => {
+  it('should render successfully', () => {
+    const { baseElement } = render(<Divider />)
+    expect(baseElement).toBeTruthy()
+  })
+})

components/design/Divider/Divider.tsx

@@ -0,0 +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>
+  )
+}

components/design/Divider/index.ts

@@ -0,0 +1 @@
+export * from './Divider'