feat: implement file existence check and improve file upload handling

src/ui/components/internal/create-article-form.tsx

@@ -80,7 +80,10 @@ export const CreateArticleForm = () => {
     });
 
     const title = useWatch({ control: form.control, name: 'title' });
-    const coverImageUrl = useWatch({ control: form.control, name: 'coverImageUrl' });
+    const coverImageUrl = useWatch({
+        control: form.control,
+        name: 'coverImageUrl',
+    });
     useEffect(() => {
         if (!title) return;
         form.setValue('slug', slugify(title).toLowerCase());

src/ui/components/internal/file-upload-field.tsx

@@ -6,7 +6,6 @@ import {
     FieldDescription,
     FieldError,
 } from '@/ui/components/shadcn/field';
-import { Spinner } from '@/ui/components/shadcn/spinner';
 import {
     FileUpload,
     FileUploadDropzone,
@@ -17,6 +16,7 @@ import {
     FileUploadList,
     FileUploadTrigger,
 } from '@/ui/components/shadcn/file-upload';
+import { Spinner } from '@/ui/components/shadcn/spinner';
 import { X } from 'lucide-react';
 import React, { useCallback } from 'react';
 

src/ui/components/internal/header/desktop-header/dynamic-desktop-header.tsx

@@ -18,9 +18,24 @@ export const DynamicDesktopHeader = () => {
     const user = sessionData?.user;
 
     const links = [
-        { href: '/home', label: 'Home', condition: true, active: pathname === '/home' },
-        { href: '/about', label: 'About', condition: true, active: pathname === '/about' },
-        { href: '/admin', label: 'Admin', condition: !!user, active: pathname === '/admin' },
+        {
+            href: '/home',
+            label: 'Home',
+            condition: true,
+            active: pathname === '/home',
+        },
+        {
+            href: '/about',
+            label: 'About',
+            condition: true,
+            active: pathname === '/about',
+        },
+        {
+            href: '/admin',
+            label: 'Admin',
+            condition: !!user,
+            active: pathname === '/admin',
+        },
     ];
 
     const userButton = !!user ? <UserButton user={user} /> : <div />;