feat: add PopupAd and AdminPopupAd interfaces with CRUD operations

- Introduced PopupAd and AdminPopupAd interfaces in common.ts.
- Implemented encoding, decoding, and JSON conversion methods for both PopupAd and AdminPopupAd.
- Added new RPC methods for managing PopupAds in admin.ts and me.ts, including list, create, update, and delete functionalities.
- Integrated PopupAdsClient in grpcClient.ts for gRPC communication.
- Updated auth store to handle real-time notifications for user-specific topics.
- Modified tsconfig.json to include auto-imports and components type definitions.

src/routes/settings/DomainsDns/DomainsDns.vue

@@ -11,8 +11,8 @@ import DomainsDnsEmbedCode from './components/DomainsDnsEmbedCode.vue';
 import DomainsDnsNotices from './components/DomainsDnsNotices.vue';
 import DomainsDnsTable from './components/DomainsDnsTable.vue';
 import DomainsDnsToolbar from './components/DomainsDnsToolbar.vue';
-import { mapDomainItem, normalizeDomainInput } from './helpers';
-import type { DomainItem } from './types';
+import { normalizeDomainInput } from './helpers';
+import type { Domain } from '@/server/api/proto/app/v1/common';
 
 const toast = useAppToast();
 const confirm = useAppConfirm();
@@ -27,7 +27,7 @@ const { data: domainsSnapshot, error, isPending, refetch } = useQuery({
   key: () => ['settings', 'domains'],
   query: async () => {
     const response = await rpcClient.listDomains();
-    return (response.domains || []).map(mapDomainItem);
+    return (response.domains || []);
   },
 });
 
@@ -126,16 +126,16 @@ const handleAddDomain = async () => {
   }
 };
 
-const handleRemoveDomain = (domain: DomainItem) => {
+const handleRemoveDomain = (domain: Domain) => {
   confirm.require({
     message: t('settings.domainsDns.confirm.removeMessage', { domain: domain.name }),
     header: t('settings.domainsDns.confirm.removeHeader'),
     acceptLabel: t('settings.domainsDns.confirm.removeAccept'),
     rejectLabel: t('settings.domainsDns.confirm.removeReject'),
     accept: async () => {
-      removingId.value = domain.id;
+      removingId.value = domain.id!;
       try {
-        await rpcClient.deleteDomain({ id: domain.id });
+        await rpcClient.deleteDomain({ id: domain.id! });
         await refetch();
         toast.add({
           severity: 'info',