feat(desktop): redesign UI with Tailwind + shadcn-style components

Total UI overhaul.

- Light theme using a custom Tailwind palette (HSL tokens, Stripe-ish look)
- Custom-built shadcn-style components: Button, Input, Label, Card, Tabs,
  Checkbox, Select, Progress (Radix primitives + cva variants)
- lucide-react icons throughout
- Top header with file context and primary action
- Empty state card on cold start
- Operation tabs render inside Card with title/description
- ConditionRow + FilePicker reusable form pieces; tighter form-field labels
- Result banners (success/error) replace inline divs
- DataTable with sticky header, row hover, monospace cells, scroll cap
- Docked progress bar uses real Radix Progress

Drops App.css entirely; adds tailwind.config.js, postcss.config.js, lib/utils.ts,
@/* path alias, and ~9 component files.

Author: maherelgamil

desktop/frontend/package-lock.json

@@ -9,14 +9,27 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-progress": "^1.1.8",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^1.8.0",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "tailwind-merge": "^3.5.0"
   },
   "devDependencies": {
     "@types/react": "^18.0.17",
     "@types/react-dom": "^18.0.6",
     "@vitejs/plugin-react": "^2.0.1",
+    "autoprefixer": "^10.5.0",
+    "postcss": "^8.5.10",
+    "tailwindcss": "^3.4.19",
     "typescript": "^4.6.4",
     "vite": "^3.0.7"
   }
-}
+}

desktop/frontend/package.json

@@ -1 +1 @@
-f26173c7304a0bf8ea5c86eb567e7db2
+e060b9ce773c7ca02be10f01a091ff9f

desktop/frontend/package.json.md5

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};