[Flash303]

This pull request improves theme support in the frontend by ensuring that both the application's UI and Clerk authentication components respond to the selected light or dark theme. The main changes involve integrating Clerk's shared UI theme handling, updating CSS for color scheme support, and adding the @clerk/ui dependency.

Theme integration and Clerk UI improvements:

• Introduced a ThemedClerkProvider component in root.tsx to dynamically set Clerk's appearance theme based on the current app theme, ensuring Clerk's UI matches the selected light or dark mode.
• Updated the main app layout in root.tsx to wrap the app with ThemedClerkProvider and ensure proper context provider order.
• Added the @clerk/ui dependency to package.json to enable Clerk's shared UI theming.

CSS and color scheme support:

• Updated index.css to set the color-scheme property for both light (:root) and dark (.dark) themes, improving native form control and scrollbar theming. [1] [2]

Code organization:

• Refactored imports in root.tsx to include useTheme and dark theme from Clerk UI for theme detection and switching.