feat: async text hiding on Calendar's Bottom Bar when there are no async courses (#152)

* feat: async text not visible when no async courses

* refactor: converted useState to boolean

* fix: remove unused import

* fix: maintain component height when hiding is enabled

* refactor: match stylings to figma

* refactor: padding change to match when there are courses to display

---------

Co-authored-by: Razboy20 <razboy20@gmail.com>

src/stories/components/calendar/CalendarBottomBar.stories.tsx

@@ -102,3 +102,14 @@ export const Default: Story = {
         </div>
     ),
 };
+export const Empty: Story = {
+    args: {
+        courses: [],
+        calendarRef: { current: null },
+    },
+    render: props => (
+        <div className='outline-red outline w-292.5!'>
+            <CalendarBottomBar {...props} />
+        </div>
+    ),
+};