feat: add skeleton component, route page, and mobile hook; update sidebar styles and globals

[elmedinarifi]

This pull request includes various changes to the codebase, focusing on adding new components, updating dependencies, and modifying styles. The most important changes are grouped by theme as follows:

New Component Additions:

• Added a new RoutePage component that fetches and displays data based on the route parameter. (src/app/(dashboard)/dashboard/[route]/route-page.tsx) (src/app/(dashboard)/dashboard/[route]/route-page.tsxR1-R25)
• Introduced a Sheet component with various subcomponents for creating a dialog interface. (src/components/ui/sheet.tsx)
• Added Tooltip component with its subcomponents for displaying tooltips. (src/components/ui/tooltip.tsx)
• Created a Skeleton component for loading states. (src/components/ui/skeleton.tsx)

Dependency Updates:

• Updated package.json to add new dependencies: @radix-ui/react-dialog, @radix-ui/react-separator, and @radix-ui/react-tooltip. (package.json)

Style and Configuration Changes:

• Changed the path of the Tailwind CSS file from src/app/globals.css to src/styles/globals.css. (components.json)
• Added new CSS variables for sidebar theming in both light and dark modes. (src/styles/globals.css) [1] [2]
• Updated tailwind.config.ts to include new sidebar color variables. (tailwind.config.ts)

Layout and Navigation:

• Added a new layout component for the dashboard that includes a sidebar and header with dynamic route display. (src/app/(dashboard)/dashboard/layout.tsx)
• Created a Separator component for UI separation. (src/components/ui/separator.tsx)

Custom Hooks:

• Implemented a custom hook useIsMobile to detect mobile viewports. (src/hooks/use-mobile.tsx)