refactor: update video components to use AppButton and improve UI consistency

- Refactored CardPopover.vue to enhance menu positioning and accessibility.
- Replaced Button components with AppButton in VideoEditForm.vue and VideoInfoHeader.vue for consistent styling.
- Simplified VideoSkeleton.vue by removing unused Skeleton imports and improving loading states.
- Updated VideoFilters.vue to replace PrimeVue components with native HTML elements for better performance.
- Enhanced VideoGrid.vue and VideoTable.vue with improved selection handling and UI updates.
- Removed unused PrimeVue styles and imports in SSR routes and configuration files.

src/components/DashboardNav.vue

@@ -27,6 +27,7 @@ const links = [
 ];
 
 
+//v-tooltip="i.label"
 </script>
 
 <template>
@@ -35,7 +36,8 @@ const links = [
 
         <template v-for="i in links" :key="i.label">
             <component :name="i.label" :is="i.type === 'a' ? 'router-link' : 'div'"
-                v-bind="i.type === 'a' ? { to: i.href } : {}" v-tooltip="i.label" @click="i.action && i.action($event)"
+                v-bind="i.type === 'a' ? { to: i.href } : {}"
+                @click="i.action && i.action($event)"
                 :class="cn(
                     i.className,
                     ($route.path === i.href || $route.path.startsWith(i.href+'/') || i.isActive?.value) && 'bg-primary/15'
@@ -45,7 +47,5 @@ const links = [
             </component>
         </template>
     </header>
-    <ClientOnly>
-        <NotificationDrawer ref="notificationPopover" @change="(val) => isNotificationOpen = val" />
-    </ClientOnly>
+    <NotificationDrawer ref="notificationPopover" @change="(val) => isNotificationOpen = val" />
 </template>