update Upload.vue layout for better spacing

components.d.ts

@@ -21,7 +21,6 @@ declare module 'vue' {
     ClientOnly: typeof import('./src/components/ClientOnly.tsx')['default']
     Credit: typeof import('./src/components/icons/Credit.vue')['default']
     DashboardLayout: typeof import('./src/components/DashboardLayout.vue')['default']
-    Drawer: typeof import('primevue/drawer')['default']
     EmptyState: typeof import('./src/components/dashboard/EmptyState.vue')['default']
     FloatLabel: typeof import('primevue/floatlabel')['default']
     HardDriveUpload: typeof import('./src/components/icons/HardDriveUpload.vue')['default']
@@ -33,7 +32,6 @@ declare module 'vue' {
     LinkIcon: typeof import('./src/components/icons/LinkIcon.vue')['default']
     Message: typeof import('primevue/message')['default']
     NotificationDrawer: typeof import('./src/components/NotificationDrawer.vue')['default']
-    NotificationPopover: typeof import('./src/components/NotificationDrawer.vue')['default']
     PageHeader: typeof import('./src/components/dashboard/PageHeader.vue')['default']
     Password: typeof import('primevue/password')['default']
     RootLayout: typeof import('./src/components/RootLayout.vue')['default']
@@ -42,7 +40,6 @@ declare module 'vue' {
     Select: typeof import('primevue/select')['default']
     StatsCard: typeof import('./src/components/dashboard/StatsCard.vue')['default']
     TestIcon: typeof import('./src/components/icons/TestIcon.vue')['default']
-    Toast: typeof import('primevue/toast')['default']
     Upload: typeof import('./src/components/icons/Upload.vue')['default']
     Video: typeof import('./src/components/icons/Video.vue')['default']
     VueHead: typeof import('./src/components/VueHead.tsx')['default']
@@ -60,7 +57,6 @@ declare global {
   const ClientOnly: typeof import('./src/components/ClientOnly.tsx')['default']
   const Credit: typeof import('./src/components/icons/Credit.vue')['default']
   const DashboardLayout: typeof import('./src/components/DashboardLayout.vue')['default']
-  const Drawer: typeof import('primevue/drawer')['default']
   const EmptyState: typeof import('./src/components/dashboard/EmptyState.vue')['default']
   const FloatLabel: typeof import('primevue/floatlabel')['default']
   const HardDriveUpload: typeof import('./src/components/icons/HardDriveUpload.vue')['default']
@@ -72,7 +68,6 @@ declare global {
   const LinkIcon: typeof import('./src/components/icons/LinkIcon.vue')['default']
   const Message: typeof import('primevue/message')['default']
   const NotificationDrawer: typeof import('./src/components/NotificationDrawer.vue')['default']
-  const NotificationPopover: typeof import('./src/components/NotificationDrawer.vue')['default']
   const PageHeader: typeof import('./src/components/dashboard/PageHeader.vue')['default']
   const Password: typeof import('primevue/password')['default']
   const RootLayout: typeof import('./src/components/RootLayout.vue')['default']
@@ -81,7 +76,6 @@ declare global {
   const Select: typeof import('primevue/select')['default']
   const StatsCard: typeof import('./src/components/dashboard/StatsCard.vue')['default']
   const TestIcon: typeof import('./src/components/icons/TestIcon.vue')['default']
-  const Toast: typeof import('primevue/toast')['default']
   const Upload: typeof import('./src/components/icons/Upload.vue')['default']
   const Video: typeof import('./src/components/icons/Video.vue')['default']
   const VueHead: typeof import('./src/components/VueHead.tsx')['default']

src/routes/upload/Upload.vue

@@ -22,7 +22,7 @@ const handleRemoteUrls = (urls: string[]) => {
 </script>
 
 <template>
-    <div class="flex-1 flex items-stretch">
+    <div class="flex-1 flex items-stretch gap-4">
         <div class="flex-1 overflow-y-auto">
             <PageHeader class="block" title="Upload Videos" description="Choose your preferred method to upload videos."
                 :breadcrumbs="[