Update Shadcn Sidebar (#73)

Migrated Sidebar to use Shadcn UI's

tooling/eslint/package.json

@@ -20,7 +20,7 @@
     "eslint-config-prettier": "^9.1.0",
     "eslint-config-turbo": "^2.2.3",
     "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-react": "7.37.1",
+    "eslint-plugin-react": "7.37.2",
     "eslint-plugin-react-hooks": "^5.0.0"
   },
   "devDependencies": {

tooling/prettier/index.mjs

@@ -23,7 +23,7 @@ const config = {
     '^~/(.*)$', // app-specific imports
     '^[./]', // relative imports
   ],
-  tailwindFunctions: ['tw', 'clsx', 'cn'],
+  tailwindFunctions: ['tw', 'clsx', 'cn', 'cva'],
   importOrderSeparation: true,
   importOrderSortSpecifiers: true,
   plugins: [

tooling/tailwind/index.ts

@@ -60,6 +60,16 @@ export default {
           DEFAULT: 'hsl(var(--card) / <alpha-value>)',
           foreground: 'hsl(var(--card-foreground) / <alpha-value>)',
         },
+        sidebar: {
+          DEFAULT: 'hsl(var(--sidebar-background))',
+          foreground: 'hsl(var(--sidebar-foreground))',
+          primary: 'hsl(var(--sidebar-primary))',
+          'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
+          accent: 'hsl(var(--sidebar-accent))',
+          'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
+          border: 'hsl(var(--sidebar-border))',
+          ring: 'hsl(var(--sidebar-ring))',
+        },
       },
       borderRadius: {
         lg: `var(--radius)`,