refactor(popup): match styles/reduce paint flicker (#136)

* refactor: match popup styles/reduce paint flicker

* fix: useSchedules hook

* feat: popup ✨

* fix: repaint issue on popup body

* fix: initial active schedule

* fix: center justification

* fix: reactivity error

src/stories/components/PopupMain.stories.tsx

@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import PopupMain from '@views/components/PopupMain';
+import React from 'react';
 
 const meta = {
     title: 'Components/Common/PopupMain',
@@ -10,6 +11,14 @@ const meta = {
     tags: ['autodocs'],
     args: {},
     argTypes: {},
+    render: () => (
+        <div
+            style={{ width: '360px', height: '540px' }}
+            className='border-2 border-gray-300/40 shadow-gray/20 shadow-lg'
+        >
+            <PopupMain />
+        </div>
+    ),
 } satisfies Meta<typeof PopupMain>;
 export default meta;