feat(ui): add shadcn/ui component library

.cursor/commands/commit.md

@@ -0,0 +1,14 @@
+# Commit
+
+Act as a senior software engineer to commit changes to the repository in
+non-interactive modes ONLY, using the following template:
+
+"$type${[(scope)]}{[!]}: $description":where `[]` is optional and `!` is a
+breaking change
+
+Types: fix|feat|chore|docs|refactor|test|perf|build|ci|style|revert|$other
+
+Constraints { When committing, don't log about logging in the commit message.
+Use multiple -m flags, one for each log entry. Limit the first commit message
+line length to 50 characters. Use conventional commits with a scope, title and
+body. Do NOT add new things to the CHANGELOG.md file. }

.cursor/commands/log.md

@@ -0,0 +1,45 @@
+# log
+
+Act as a senior software engineer to log changes to the repository using the
+following template:
+
+```
+## $date
+
+- $emoji - $change1
+- $emoji -$change2
+```
+
+# Emojis
+
+Use the following emoji to represent the change:
+
+- 🚀 - new feature
+- 🐛 - bug fix
+- 📝 - documentation
+- 🔄 - refactor
+- 📦 - dependency update
+- 🎨 - design
+- 📱 - UI/UX
+- 📊 - analytics
+- 🔒 - security
+
+Constraints { Always use reverse chronological order. Add most recent changes to
+the top. Never log about logging. Avoid logging meta-work. Instead, log salient,
+user-impacting changes. For each change, follow conventional commit messages:
+``` feat(scope): description
+
+    body
+    ```
+
+Log changes in a `CHANGELOG.md` file. }
+
+gitAdd() { git add . }
+
+gitChanges() { gitAdd() git --no-pager diff --cached }
+
+gitChanges() { git add . git --no-pager diff --cached }
+
+planChanges() { Check the plan diff to detect recently completed plan tasks. }
+
+detectChanges() { gitChanges |> planChanges |> logDetectedChanges }

CHANGELOG.md

@@ -0,0 +1,35 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+## 2025-10-15
+
+- 📦 - feat(deps): add shadcn/ui component library with Radix UI primitives
+- 📦 - feat(deps): add class-variance-authority and clsx for component styling
+  utilities
+- 📦 - feat(deps): add tailwind-merge for efficient Tailwind class merging
+- 📦 - feat(deps): add tailwindcss-animate and tw-animate-css for animations
+- 🎨 - feat(ui): add Button component with multiple variants (default,
+  destructive, outline, secondary, ghost, link)
+- 🎨 - feat(ui): add Card component with Header, Title, Description, Content,
+  Footer, and Action subcomponents
+- 🎨 - feat(ui): add Form components for accessible form building with
+  validation support
+- 🎨 - feat(ui): add Input component with focus and validation states
+- 🎨 - feat(ui): add Textarea component with auto-resize support
+- 🎨 - feat(ui): add Label component for form field labeling
+- 🎨 - feat(ui): add Alert component for user notifications
+- 🎨 - feat(ui): add Sheet component (slide-over panel) with multiple side
+  variants
+- 🎨 - feat(ui): add DropdownMenu component with full keyboard navigation
+- 🎨 - feat(theme): add ThemeProvider component for dark mode support
+- 🎨 - feat(theme): add DarkModeToggle component with system, light, and dark
+  modes
+- 🎨 - feat(styling): configure comprehensive design system with CSS custom
+  properties
+- 🎨 - feat(styling): add light and dark theme color tokens with OKLCH color
+  space
+- 🔄 - refactor(app): integrate ThemeProvider and Redux Provider in \_app.js
+- 🔄 - refactor(styling): migrate to Tailwind v4 with inline theme configuration
+- 📝 - feat(config): add shadcn/ui components.json configuration
+- 🛠️ - feat(utils): add cn() utility function for conditional className merging

components.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/styles/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "iconLibrary": "lucide",
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "registries": {}
+}

eslint.config.js

@@ -23,9 +23,7 @@ const compat = new FlatCompat({
 export default tseslint.config(
   includeIgnoreFile(gitignorePath),
   eslint.configs.recommended,
-  tseslint.configs.recommendedTypeChecked,
-  tseslint.configs.stylisticTypeChecked,
-  // Next.js ESLint configuration
+  // Next.js ESLint configuration (includes its own TypeScript config)
   ...compat.config({
     extends: ['next/core-web-vitals', 'next/typescript'],
   }),