feat: enhance icons and components for improved UI

- Updated `GlobalUploadIndicator.vue` to include `watch` for better state management.
- Modified `CoinsIcon.vue`, `Globe.vue`, and `VideoPlayIcon.vue` to support filled and outlined states.
- Added new icons: `hard-drive.vue` and `shield-user.vue`.
- Improved `AppDialog.vue` to include `ClientOnly` for hydration mismatch handling.
- Refactored `BaseTable.vue` to include `ref` for better reactivity.
- Changed route redirection in `index.ts` for better clarity.
- Enhanced `Billing.vue` and `BillingTopupDialog.vue` with new icons and improved UI elements.
- Updated `PaymentHistory.tsx` and `PlanSelection.tsx` to use new icon components.
- Refined `Settings.vue` to utilize new icons and improve layout.
- Adjusted `Upload.vue` and `Videos.vue` for better component organization and imports.
- Cleaned up `auth.ts` store to include `computed` for better state management.
- Updated `tsconfig.json` to streamline TypeScript configuration.
- Removed unnecessary console log in `vite-plugin-ssr-middleware.ts`.

src/routes/settings/Billing/Billing.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import CoinsIcon from '@/components/icons/CoinsIcon.vue';
+import PlusIcon from '@/components/icons/PlusIcon.vue';
 import AppButton from '@/components/ui/AppButton.vue';
 import { useUsageQuery } from '@/composables/useUsageQuery';
 import BillingTopupDialog from '@/routes/settings/Billing/components/BillingTopupDialog.vue';
@@ -69,7 +71,7 @@ const openTopupDialog = () => {
             :description="$t('settings.billing.currentBalance', { balance: auth.formatMoney(walletBalance) })"
             iconBoxClass="bg-primary/10">
             <template #icon>
-                <CoinsIcon class="w-5 h-5 text-primary" />
+                <CoinsIcon filled class="w-5 h-5 text-primary" />
             </template>
 
             <template #actions>