feat: update icons and improve loading states in various components

- Updated `hard-drive.vue` and `shield-user.vue` icons to use `currentColor` for better color management.
- Enhanced `BaseTable.vue` to support skeleton loading rows and improved loading state rendering.
- Refactored notification components to use new icon components (`Inbox`, `Video`, `Credit`, `BellOff`, `BellDot`) instead of icon classes.
- Added new icons for `BellDot` and `BellOff`.
- Improved the `QuickActions.vue` component for better hover effects.
- Updated various settings components to use consistent icon styling and improved accessibility.
- Refactored `AdsVastTable.tsx`, `DangerZone.vue`, `DomainsDnsTable.vue`, `PlayerConfigsTable.vue`, and `PopupAdsTable.tsx` to streamline loading states and skeleton rendering.

src/routes/settings/DomainsDns/components/DomainsDnsTable.vue

@@ -64,12 +64,12 @@ const columns = computed<ColumnDef<Domain>[]>(() => [
 </script>
 
 <template>
-  <SettingsTableSkeleton v-if="isInitialLoading" :columns="3" :rows="4" />
 
   <BaseTable
-    v-else
     :data="domains"
     :columns="columns"
+    :loading="isInitialLoading"
+    :skeleton-rows="4"
     :get-row-id="(row) => row.id!"
     wrapperClass="mt-4 border-b border-border rounded-none border-x-0 border-t-0 bg-transparent"
     tableClass="w-full"