feat: enhance template visual

src/components/spinner.tsx

@@ -1,15 +1,13 @@
-'use client'
+'use client';
 
 type SpinnerProps = {
-  text?: string
-}
+  text?: string;
+};
 
 export default function Spinner({ text = '' }: SpinnerProps) {
   return (
     <div className="relative flex items-center justify-center min-h-screen bg-primary text-primary transition-theme">
-      <div className="absolute text-muted text-sm tracking-widest">
-        {text}
-      </div>
+      <div className="absolute text-muted text-sm tracking-widest">{text}</div>
 
       {/* Spinner */}
       <div className="relative h-14 w-14">
@@ -17,5 +15,5 @@ export default function Spinner({ text = '' }: SpinnerProps) {
         <div className="absolute inset-0 rounded-full border-4 border-transparent border-t-[var(--accent)] animate-spin transition-theme" />
       </div>
     </div>
-  )
-}
+  );
+}