feat: add UI components for skeleton, slider, sonner, switch, table, tabs, textarea, toggle group, toggle, tooltip, and mobile detection hook

- Implemented Skeleton component for loading states.
- Created Slider component using Radix UI for customizable sliders.
- Added Sonner component for toast notifications with theme support.
- Developed Switch component for toggle functionality.
- Introduced Table component with subcomponents for structured data display.
- Built Tabs component for tabbed navigation.
- Created Textarea component for multi-line text input.
- Implemented ToggleGroup and Toggle components for grouped toggle buttons.
- Added Tooltip component for displaying additional information on hover.
- Created useIsMobile hook for mobile device detection.
- Added utility functions for class name merging.
- Configured TypeScript settings for the project.

music-metadata-manager-frontend/eslint.config.mjs

@@ -0,0 +1,16 @@
+import { dirname } from "path";
+import { fileURLToPath } from "url";
+import { FlatCompat } from "@eslint/eslintrc";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+});
+
+const eslintConfig = [
+  ...compat.extends("next/core-web-vitals", "next/typescript"),
+];
+
+export default eslintConfig;