feat: enhance tickets portal and admin flows

src/components/ui/background-paper-shaders.tsx

@@ -16,20 +16,17 @@ const DotOrbit = dynamic(
 function ShaderVisual() {
   return (
     <div className="absolute inset-0">
-      <MeshGradient
-        className="absolute inset-0"
-        colors={["#020202", "#04131f", "#062534", "#0b3947"]}
-        speed={0.8}
-        backgroundColor="#020202"
-        wireframe="true"
-      />
+      <MeshGradient className="absolute inset-0" colors={["#020202", "#04131f", "#062534", "#0b3947"]} speed={0.8} />
       <div className="absolute inset-0 opacity-70">
         <DotOrbit
           className="h-full w-full"
-          dotColor="#0f172a"
-          orbitColor="#155e75"
+          colors={["#0f172a", "#155e75", "#22d3ee"]}
+          colorBack="#020617"
           speed={1.4}
-          intensity={1.2}
+          size={0.9}
+          sizeRange={0.4}
+          spreading={1.0}
+          stepsPerColor={3}
         />
       </div>
       <div className="pointer-events-none absolute inset-0">

src/components/ui/dropzone.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import { useAction } from "convex/react";
-// @ts-expect-error Convex generates runtime API without TS metadata
 import { api } from "@/convex/_generated/api";
 import { useCallback, useRef, useState } from "react";
 import { cn } from "@/lib/utils";

src/components/ui/sonner.tsx

@@ -28,19 +28,10 @@ const Toaster = ({ ...props }: ToasterProps) => {
         style: baseStyle,
         classNames: {
           icon: "size-[14px] text-white [&>svg]:size-[14px] [&>svg]:text-white",
+          actionButton: "bg-white text-black border border-black rounded-lg",
+          cancelButton: "bg-transparent text-white border border-white/40 rounded-lg",
         },
         descriptionClassName: "text-white/80",
-        actionButtonClassName: "bg-white text-black border border-black rounded-lg",
-        cancelButtonClassName: "bg-transparent text-white border border-white/40 rounded-lg",
-        iconTheme: {
-          primary: "#ffffff",
-          secondary: "#000000",
-        },
-        success: { className: baseClass, style: baseStyle },
-        error: { className: baseClass, style: baseStyle },
-        info: { className: baseClass, style: baseStyle },
-        warning: { className: baseClass, style: baseStyle },
-        loading: { className: baseClass, style: baseStyle },
       }}
       style={
         {