Refactor dashboard and upload flows

Remove dead admin UI code, redesign dashboard followers/following and upload experiences, and add schema audit tooling with repair migrations for forum and upload drift.

resources/js/components/upload/CategorySelector.jsx

@@ -29,51 +29,45 @@ export default function CategorySelector({
   allRoots = [],
   onRootChangeAll,
 }) {
+  const rootOptions = hasContentType ? categories : allRoots
   const selectedRoot = categories.find((c) => String(c.id) === String(rootCategoryId || '')) ?? null
   const hasSubcategories = Boolean(
     selectedRoot && Array.isArray(selectedRoot.children) && selectedRoot.children.length > 0
   )
 
-  if (!hasContentType) {
-    return (
-      <div className="rounded-lg bg-white/[0.025] px-3 py-3 text-sm text-white/45 ring-1 ring-white/8">
-        Select a content type to load categories.
-      </div>
-    )
-  }
-
-  if (categories.length === 0) {
-    return (
-      <div className="rounded-lg bg-white/[0.025] px-3 py-3 text-sm text-white/45 ring-1 ring-white/8">
-        No categories available for this content type.
-      </div>
-    )
-  }
-
   return (
     <div className="space-y-3">
-      {/* Root categories */}
-      <div className="flex flex-wrap gap-2" role="group" aria-label="Category">
-        {categories.map((root) => {
-          const active = String(root.id) === String(rootCategoryId || '')
-          return (
-            <button
-              key={root.id}
-              type="button"
-              aria-pressed={active}
-              onClick={() => onRootChange?.(String(root.id))}
-              className={[
-                'rounded-full border px-3.5 py-1.5 text-sm transition-all',
-                active
-                  ? 'border-violet-500/70 bg-violet-600/25 text-white shadow-sm'
-                  : 'border-white/10 bg-white/5 text-white/65 hover:border-violet-300/40 hover:bg-violet-400/10 hover:text-white/90',
-              ].join(' ')}
-            >
-              {root.name}
-            </button>
-          )
-        })}
-      </div>
+      {!hasContentType ? (
+        <div className="rounded-lg bg-white/[0.025] px-3 py-3 text-sm text-white/45 ring-1 ring-white/8">
+          Select a content type to load categories.
+        </div>
+      ) : categories.length === 0 ? (
+        <div className="rounded-lg bg-white/[0.025] px-3 py-3 text-sm text-white/45 ring-1 ring-white/8">
+          No categories available for this content type.
+        </div>
+      ) : (
+        <div className="flex flex-wrap gap-2" role="group" aria-label="Category">
+          {categories.map((root) => {
+            const active = String(root.id) === String(rootCategoryId || '')
+            return (
+              <button
+                key={root.id}
+                type="button"
+                aria-pressed={active}
+                onClick={() => onRootChange?.(String(root.id))}
+                className={[
+                  'rounded-full border px-3.5 py-1.5 text-sm transition-all',
+                  active
+                    ? 'border-violet-500/70 bg-violet-600/25 text-white shadow-sm'
+                    : 'border-white/10 bg-white/5 text-white/65 hover:border-violet-300/40 hover:bg-violet-400/10 hover:text-white/90',
+                ].join(' ')}
+              >
+                {root.name}
+              </button>
+            )
+          })}
+        </div>
+      )}
 
       {/* Subcategories (shown when root has children) */}
       {hasSubcategories && (
@@ -122,7 +116,7 @@ export default function CategorySelector({
           }}
         >
           <option value="">Select root category</option>
-          {allRoots.map((root) => (
+          {rootOptions.map((root) => (
             <option key={root.id} value={String(root.id)}>{root.name}</option>
           ))}
         </select>