fix(nc-gui): use moscot icon in 404 page

packages/nc-gui/components/general/PageDoesNotExist.vue

@@ -4,7 +4,7 @@ defineProps<{ title?: string; subtitle?: string; containerClass?: string; action
 
 <template>
   <div class="nc-h-screen grid place-items-center text-center">
-    <div class="flex flex-col items-center gap-6" :class="containerClass">
+    <div class="flex flex-col items-center gap-5 mx-4" :class="containerClass">
       <slot name="icon">
         <img width="48" alt="NocoDB" src="~/assets/img/icons/256x256.png" />
       </slot>
@@ -19,7 +19,9 @@ defineProps<{ title?: string; subtitle?: string; containerClass?: string; action
       </div>
 
       <slot name="actions">
-        <NcButton @click="navigateTo('/')" :class="actionButtonClass">{{ $t('activity.goBackHome') }}</NcButton>
+        <NcButton @click="navigateTo('/')" class="!text-base" :class="actionButtonClass">{{
+          $t('activity.goBackHome')
+        }}</NcButton>
       </slot>
     </div>
   </div>

packages/nc-gui/error.vue

@@ -4,6 +4,12 @@ withDefaults(defineProps<{ error: Record<string, any> }>(), { error: () => ({})
 
 <template>
   <GeneralPageDoesNotExist action-button-class="mt-4">
+    <template v-if="error.statusCode === 404" #icon>
+      <div class="flex min-h-[205px]">
+        <img src="~assets/img/placeholder/no-search-result-found.png" class="!w-[264px] flex-none" alt="404 - Page Not Found" />
+      </div>
+    </template>
+
     <template #title>
       {{
         error.statusCode === 404 ? '404 - Page Not Found' : error.statusMessage ?? error.message ?? `Error ${error.statusCode}`