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/NotificationDrawer.vue

@@ -1,7 +1,13 @@
 <script setup lang="ts">
 import NotificationItem from '@/routes/notification/components/NotificationItem.vue';
 import { onClickOutside } from '@vueuse/core';
-import { computed, ref, watch } from 'vue';
+import { computed, onMounted, ref, watch } from 'vue';
+
+// Ensure client-side only rendering to avoid hydration mismatch
+const isMounted = ref(false);
+onMounted(() => {
+    isMounted.value = true;
+});
 
 // Emit event when visibility changes
 const emit = defineEmits(['change']);
@@ -121,7 +127,7 @@ defineExpose({ toggle });
 </script>
 
 <template>
-    <Teleport to="body">
+    <Teleport v-if="isMounted" to="body">
         <Transition enter-active-class="transition-all duration-300 ease-out"
             enter-from-class="opacity-0 -translate-x-4" enter-to-class="opacity-100 translate-x-0"
             leave-active-class="transition-all duration-200 ease-in" leave-from-class="opacity-100 translate-x-0"