feat: start UI overhaul

Author: jherr

frameworks/react-cra/add-ons/clerk/assets/src/routes/demo.clerk.tsx renamed to frameworks/react-cra/add-ons/clerk/assets/src/routes/demo/clerk.tsx

@@ -3,8 +3,8 @@ import { createFileRoute } from '@tanstack/react-router'
 import { useQuery, useMutation } from 'convex/react'
 import { Trash2, Plus, Check, Circle } from 'lucide-react'
 
-import { api } from '../../convex/_generated/api'
-import { Id } from '../../convex/_generated/dataModel'
+import { api } from '../../../convex/_generated/api'
+import { Id } from '../../../convex/_generated/dataModel'
 
 export const Route = createFileRoute('/demo/convex')({
   ssr: false,

frameworks/react-cra/add-ons/convex/assets/src/routes/demo.convex.tsx renamed to frameworks/react-cra/add-ons/convex/assets/src/routes/demo/convex.tsx

@@ -8,6 +8,7 @@
   "dependsOn": ["tanstack-query", "start"],
   "routes": [
     {
+      "icon": "Database",
       "url": "/demo/db-chat",
       "name": "DB Chat",
       "path": "src/routes/demo.db-chat.tsx",

frameworks/react-cra/add-ons/db/assets/src/routes/demo.db-chat-api.ts renamed to frameworks/react-cra/add-ons/db/assets/src/routes/demo/db-chat-api.ts

@@ -1,6 +1,6 @@
 import { useStore } from '@tanstack/react-form'
 
-import { useFieldContext, useFormContext } from '../hooks/demo.form-context'
+import { useFieldContext, useFormContext } from '@/hooks/demo.form-context'
 <% if (addOnEnabled.shadcn) { %>
 import { Button } from '@/components/ui/button'
 import { Input } from '@/components/ui/input'

frameworks/react-cra/add-ons/db/assets/src/routes/demo.db-chat.tsx renamed to frameworks/react-cra/add-ons/db/assets/src/routes/demo/db-chat.tsx

@@ -1,6 +1,6 @@
 import { <% if (fileRouter) { %>createFileRoute<% } else { %>createRoute<% } %> } from '@tanstack/react-router'
 
-import { useAppForm } from '../hooks/demo.form'
+import { useAppForm } from '@/hooks/demo.form'
 
 <% if (codeRouter) { %>
 import type { RootRoute } from '@tanstack/react-router'

frameworks/react-cra/add-ons/db/info.json

@@ -1,7 +1,7 @@
 import { <% if (fileRouter) { %>createFileRoute<% } else { %>createRoute<% } %> } from '@tanstack/react-router'
 import { z } from 'zod'
 
-import { useAppForm } from '../hooks/demo.form'
+import { useAppForm } from '@/hooks/demo.form'
 
 <% if (codeRouter) { %>
   import type { RootRoute } from '@tanstack/react-router'

frameworks/react-cra/add-ons/form/assets/src/components/demo.FormComponents.tsx.ejs

@@ -7,12 +7,14 @@
   "link": "https://tanstack.com/form/latest",
   "routes": [
     {
+      "icon": "ClipboardType",
       "url": "/demo/form/simple",
       "name": "Simple Form",
       "path": "src/routes/demo.form.simple.tsx",
       "jsName": "FormSimpleDemo"
     },
     {
+      "icon": "ClipboardType",
       "url": "/demo/form/address",
       "name": "Address Form",
       "path": "src/routes/demo.form.address.tsx",