feat(components): add ThemeToggle component

[M0HAMEDHANY]

This PR introduces the ThemeToggle component, which allows users to toggle between light and dark modes. It uses the next-themes library to handle theme changes globally across the app. The component provides customization options for size, variant, and icons, and is designed to integrate seamlessly into the UI.

Changes:

• Added ThemeToggle component with support for light and dark modes.
• Wrapping the app with ThemeProvider from next-themes to manage global theme changes.
• Added options for customizing icon styles, sizes, and variants.

Usage:

• Import the ThemeToggle component in your project.
• Ensure the app is wrapped with ThemeProvider for theme management.
• Use the toggle button to switch between themes.

Example Usage:

import { ThemeToggle } from "@/components/ui/theme-toggle";

export default function Header() {
  return (
    <nav>
      <ThemeToggle />
    </nav>
  );
}

[vercel]

@M0HAMEDHANY is attempting to deploy a commit to the shadcn-pro Team on Vercel.

A member of the Team first needs to authorize it.

[M0HAMEDHANY]

@shadcn