feat: Implement theme toggling and enhance dashboard component theming

This commit introduces a theme toggle functionality in the application header
and improves the visual consistency of dashboard components across different
color schemes.

- Added light/dark mode toggle to  using Mantine's .
- Ensured all  components in  have visible borders in both light and dark modes by adding the  prop.
- Made  colors in  theme-aware, dynamically adjusting their background color based on the active color scheme.

Additionally, this commit includes a large refactoring operation, moving various
component files from  to  and updating
their references.

src/components/ui/progress.tsx

@@ -1,23 +0,0 @@
-import {
-	Progress as MantineProgress,
-	type ProgressProps as MantineProgressProps,
-} from "@mantine/core";
-import { cn } from "./utils";
-
-interface ProgressProps extends MantineProgressProps {
-	max?: number;
-}
-
-const Progress = ({ className, value, max, ...props }: ProgressProps) => {
-	return (
-		<MantineProgress
-			value={value}
-			max={max as any}
-			className={cn(className)}
-			color="blue" // Placeholder, should align with primary color
-			{...props}
-		/>
-	);
-};
-
-export { Progress };