feat(ui): Modify Calendar Footer design and Unscheduled courses (#503)

* feat: update styling and text for unscheduled courses in footer

* refactor: correct offwhite theme colors

* fix(ui): adjust em dash spacing, footer bottom padding, and vertically align course text

---------

Co-authored-by: doprz <52579214+doprz@users.noreply.github.com>

src/views/components/common/Divider.tsx

@@ -41,7 +41,7 @@ export default function Divider({ className, testId, size, orientation }: Divide
         <div
             style={style}
             data-testid={testId}
-            className={clsx('border-solid border-theme-offwhite1 w-0 h-0', className)}
+            className={clsx('border-solid border-theme-offwhite/50 w-0 h-0', className)}
         />
     );
 }