Add 404 page

frontend/layouts/error.vue

@@ -1,14 +1,20 @@
 <template>
-    <div>
+    <div
-        <h1 v-if="error.statusCode === 404">
+        class="h-screen container mx-auto h-full flex justify-center items-center"
-            {{ pageNotFound }}
+    >
-        </h1>
+        <div
-        <h1 v-else>
+            class="text-gray-200 w-full md:w-1/2 lg:w-1/3 bg-gray-800 border-teal-500 p-8 border-t-8 bg-white mb-6 rounded-lg shadow-lg"
-            {{ otherError }}
+        >
-        </h1>
+            <h1 v-if="error.statusCode === 404">
-        <NuxtLink to="/">
+                {{ pageNotFound }}
-            Home page
+            </h1>
-        </NuxtLink>
+            <h1 v-else>
+                {{ otherError }}
+            </h1>
+            <NuxtLink to="/" class="text-blue-200 underline">
+                Home page
+            </NuxtLink>
+        </div>
     </div>
 </template>