feat: add CalendarHeader and its Storybook, need to resize

src/stories/components/CalendarGrid.stories.tsx

@@ -2,24 +2,17 @@ import { Meta, StoryObj } from '@storybook/react';
 import CalendarGrid from 'src/views/components/common/CalendarGrid/CalendarGrid';
 
 const meta = {
-    title: 'Components/Common/CalendarGrid',
-    component: CalendarGrid,
+    title: 'Components/Common/Calendar',
+    component: Calendar,
     parameters: {
+        // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
         layout: 'centered',
+        tags: ['autodocs'],
     },
-    tags: ['autodocs'],
-    argTypes: {
-        saturday: { control: 'text' },
-        sunday: { control: 'text' },
-    },
-} satisfies Meta<typeof CalendarGrid>;
+} satisfies Meta<typeof Calendar>;
+
 export default meta;
 
 type Story = StoryObj<typeof meta>;
 
-export const Default: Story = {
-    args: {
-        saturday: true,
-        sunday: true,
-    },
-};
+export const Default: Story = {};

src/stories/components/CalendarHeader.stories.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Meta, StoryObj } from '@storybook/react';
+import CalendarHeader from '@views/components/common/CalendarHeader/CalenderHeader';
+
+const meta = {
+    title: 'Components/CalendarHeader',
+    component: CalendarHeader,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+} satisfies Meta<typeof CalendarHeader>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};