diff --git a/client/src/components/codeblock.svelte b/client/src/components/codeblock.svelte
index 570854b..7961bbc 100644
--- a/client/src/components/codeblock.svelte
+++ b/client/src/components/codeblock.svelte
@@ -1,3 +1,5 @@
-<div class="bg-gray-900 font-code px-4 md:px-8 py-6 rounded-lg text-white overflow-ellipsis whitespace-nowrap overflow-x-scroll md:overflow-auto shadow-xl bg-gradient-to-br from-transparent to-gray-800">
-  <slot></slot>
-</div>
\ No newline at end of file
+<div
+  class="bg-gray-900 font-code px-4 md:px-8 py-6 rounded-lg text-white overflow-ellipsis whitespace-nowrap overflow-x-scroll md:overflow-auto shadow-xl bg-gradient-to-br from-transparent to-gray-800"
+>
+  <slot />
+</div>
diff --git a/client/src/components/navbar.svelte b/client/src/components/navbar.svelte
index f7619bc..eb8b0e8 100644
--- a/client/src/components/navbar.svelte
+++ b/client/src/components/navbar.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-import { goto } from "$app/navigation";
-import { _ } from "svelte-i18n";
-// TODO: Create hamburger navigation (I know, just bit lazy on this one)
+  import { goto } from '$app/navigation';
+  import { _ } from 'svelte-i18n';
+  // TODO: Create hamburger navigation (I know, just bit lazy on this one)
 </script>
 
 <nav class="flex flex-col md:flex-row py-6 font-body">
@@ -15,4 +15,4 @@ import { _ } from "svelte-i18n";
   .navigation-item {
     @apply flex-1 duration-300 transition ease-in-out py-2 'md:py-0' 'md:opacity-50' 'hover:cursor-pointer' 'hover:scale-110' 'hover:opacity-100';
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/client/src/languages/en.json b/client/src/languages/en.json
index 5de8d8e..0bdd65d 100644
--- a/client/src/languages/en.json
+++ b/client/src/languages/en.json
@@ -84,4 +84,4 @@
     },
     "more": "More documentation will soon arrive here..."
   }
-}
\ No newline at end of file
+}
diff --git a/client/src/languages/id.json b/client/src/languages/id.json
index 4b80e44..d80fa5a 100644
--- a/client/src/languages/id.json
+++ b/client/src/languages/id.json
@@ -84,4 +84,4 @@
     },
     "more": "Dokumentasi lebih lanjut akan segera tiba disini..."
   }
-}
\ No newline at end of file
+}
diff --git a/client/src/lib/env.ts b/client/src/lib/env.ts
index e3cfa82..2b97407 100644
--- a/client/src/lib/env.ts
+++ b/client/src/lib/env.ts
@@ -1,4 +1,4 @@
 export default {
   API_ENDPOINT: import.meta.env.VITE_API_ENDPOINT,
-  SENTRY_DSN: import.meta.env.VITE_SENTRY_DSN
-}
\ No newline at end of file
+  SENTRY_DSN: import.meta.env.VITE_SENTRY_DSN,
+};
diff --git a/client/src/lib/locale.ts b/client/src/lib/locale.ts
index 0872d70..719c4d1 100644
--- a/client/src/lib/locale.ts
+++ b/client/src/lib/locale.ts
@@ -1,13 +1,13 @@
 import { init, getLocaleFromNavigator, addMessages, getLocaleFromQueryString } from 'svelte-i18n';
 
-import en from '../languages/en.json'
-import id from '../languages/id.json'
+import en from '../languages/en.json';
+import id from '../languages/id.json';
 
-addMessages('en', en)
-addMessages('en-US', en)
-addMessages('en-GB', en)
-addMessages('id', id)
-addMessages('id-ID', id)
+addMessages('en', en);
+addMessages('en-US', en);
+addMessages('en-GB', en);
+addMessages('id', id);
+addMessages('id-ID', id);
 
 init({
   fallbackLocale: 'en',
diff --git a/client/src/lib/logging.ts b/client/src/lib/logging.ts
index 9a48bc3..9f66074 100644
--- a/client/src/lib/logging.ts
+++ b/client/src/lib/logging.ts
@@ -1,9 +1,9 @@
-import * as Sentry from "@sentry/browser";
-import env from "./env";
+import * as Sentry from '@sentry/browser';
+import env from './env';
 
 Sentry.init({
   dsn: String(env.SENTRY_DSN),
   tracesSampleRate: 0.5,
 });
 
-export default Sentry
\ No newline at end of file
+export default Sentry;
diff --git a/client/src/routes/__error.svelte b/client/src/routes/__error.svelte
index 3bbb7da..fa36577 100644
--- a/client/src/routes/__error.svelte
+++ b/client/src/routes/__error.svelte
@@ -3,16 +3,16 @@
   import Sentry from '$lib/logging';
 
   export async function load({ error }: LoadOutput): Promise<void> {
-    Sentry.captureException(error)
-  }  
+    Sentry.captureException(error);
+  }
 </script>
 
 <script lang="ts">
-  import { goto } from '$app/navigation'
-  import { _ } from 'svelte-i18n'
+  import { goto } from '$app/navigation';
+  import { _ } from 'svelte-i18n';
 </script>
 
 <section>
   <h1 class="text-5xl font-bold">{$_('error.heading')}</h1>
   <p class="text-base" on:click={() => goto('/')}>{$_('error.homepage')}</p>
-</section>
\ No newline at end of file
+</section>
diff --git a/client/src/routes/__layout.svelte b/client/src/routes/__layout.svelte
index 618905e..64cdeef 100644
--- a/client/src/routes/__layout.svelte
+++ b/client/src/routes/__layout.svelte
@@ -1,16 +1,18 @@
 <script lang="ts" context="module">
-  import '$lib/locale'
+  import '$lib/locale';
 </script>
 
 <script lang="ts">
   //import '../locale'
-  import '@fontsource/fira-mono'
-  import '@fontsource/rubik'
-import { _ } from 'svelte-i18n';
+  import '@fontsource/fira-mono';
+  import '@fontsource/rubik';
+  import { _ } from 'svelte-i18n';
   import Navbar from '../components/navbar.svelte';
 </script>
 
-<div class="bg-gradient-to-br from-transparent to-lavender-300 dark:(bg-gray-900 to-lavender-900 text-white) min-h-screen h-full w-full">
+<div
+  class="bg-gradient-to-br from-transparent to-lavender-300 dark:(bg-gray-900 to-lavender-900 text-white) min-h-screen h-full w-full"
+>
   <div class="container mx-auto lg:px-40 md:20 sm:px-12 px-8">
     <header>
       <Navbar />
@@ -18,11 +20,13 @@ import { _ } from 'svelte-i18n';
     <main class="font-body">
       <slot />
     </main>
-    
+
     <footer class="font-body py-8">
       <p class="text-sm opacity-50 hover:opacity-90 transition duration-300 ease-in-out">
-        {$_('footer.made')} <span class="text-red-500">&#10084;</span> {$_('footer.indonesia')}.
-        {$_('footer.available')} <a href="https://www.github.com/aldy505/jokes-bapak2-api" class="hover:underline">{$_('footer.github')}</a>.
+        {$_('footer.made')} <span class="text-red-500">&#10084;</span>
+        {$_('footer.indonesia')}.
+        {$_('footer.available')}
+        <a href="https://www.github.com/aldy505/jokes-bapak2-api" class="hover:underline">{$_('footer.github')}</a>.
       </p>
     </footer>
   </div>
diff --git a/client/src/routes/api.svelte b/client/src/routes/api.svelte
index 650e613..a062e87 100644
--- a/client/src/routes/api.svelte
+++ b/client/src/routes/api.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
   // This page is meant to explain available API endpoints.
-  import { _ } from 'svelte-i18n'
-  import env from '$lib/env'
-  import Codeblock from '../components/codeblock.svelte'
+  import { _ } from 'svelte-i18n';
+  import env from '$lib/env';
+  import Codeblock from '../components/codeblock.svelte';
 </script>
 
 <svelte:head>
@@ -42,4 +42,4 @@
   p {
     @apply text-base opacity-80 py-2;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/client/src/routes/guide.svelte b/client/src/routes/guide.svelte
index 191da0c..fe5fa8f 100644
--- a/client/src/routes/guide.svelte
+++ b/client/src/routes/guide.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { _ } from 'svelte-i18n'
+  import { _ } from 'svelte-i18n';
   // This page is meant to guide people on how to use the API.
 </script>
 
@@ -8,5 +8,8 @@
 </svelte:head>
 
 <section>
-  <p class="text-lg py-4">Sorry for the inconvinience. For now, please refer to the <a class="underline" href="/api">API</a> first. I'll work on this page later on.</p>
-</section>
\ No newline at end of file
+  <p class="text-lg py-4">
+    Sorry for the inconvinience. For now, please refer to the <a class="underline" href="/api">API</a> first. I'll work on
+    this page later on.
+  </p>
+</section>
diff --git a/client/src/routes/index.svelte b/client/src/routes/index.svelte
index e810a58..cadcd28 100644
--- a/client/src/routes/index.svelte
+++ b/client/src/routes/index.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { _ } from 'svelte-i18n'
-  import { goto } from '$app/navigation'
+  import { _ } from 'svelte-i18n';
+  import { goto } from '$app/navigation';
   import env from '$lib/env';
   import Codeblock from '../components/codeblock.svelte';
 </script>
@@ -17,13 +17,12 @@
     </div>
     <div class="flex-1 px-6">
       <div class="max-w-xs mx-auto">
-        <img src={env.API_ENDPOINT + `/today`} alt="Sample joke" class="py-6 shadow-2xl">
+        <img src={env.API_ENDPOINT + `/today`} alt="Sample joke" class="py-6 shadow-2xl" />
       </div>
-      <Codeblock class="px-4 md:px-0 mx-auto">
-        $ curl -XGET 'https://jokesbapak2.herokuapp.com/v1/'
-      </Codeblock>
+      <Codeblock class="px-4 md:px-0 mx-auto">$ curl -XGET 'https://jokesbapak2.herokuapp.com/v1/'</Codeblock>
       <p class="text-sm text-center py-4 opacity-70 hover:opacity-100 transition duration-300 ease-in-out">
-        {$_('home.more.1')} <span on:click={() => goto('/guide')}>{$_('navigation.guide')}</span> {$_('home.more.2')} <span on:click={() => goto('/api')}>{$_('navigation.api')}</span>
+        {$_('home.more.1')} <span on:click={() => goto('/guide')}>{$_('navigation.guide')}</span>
+        {$_('home.more.2')} <span on:click={() => goto('/api')}>{$_('navigation.api')}</span>
       </p>
     </div>
   </div>
diff --git a/client/src/routes/why.svelte b/client/src/routes/why.svelte
index 7256449..d302cd6 100644
--- a/client/src/routes/why.svelte
+++ b/client/src/routes/why.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { _ } from 'svelte-i18n'
+  import { _ } from 'svelte-i18n';
 </script>
 
 <svelte:head>
@@ -12,20 +12,24 @@
   <p>{$_('why.exists.body.5')} {$_('why.exists.body.6')}</p>
   <h1 id="can-i-submit-my-dad-joke">{$_('why.submit.title')}</h1>
   <p>
-    {$_('why.submit.body.1')} {$_('why.submit.body.2')} 
-    <a href="mailto:aldy505@tutanota.com">{$_('why.submit.body.3')}</a> 
-    {$_('why.submit.body.4')} {$_('why.submit.body.5')} {$_('why.submit.body.6')}
+    {$_('why.submit.body.1')}
+    {$_('why.submit.body.2')}
+    <a href="mailto:aldy505@tutanota.com">{$_('why.submit.body.3')}</a>
+    {$_('why.submit.body.4')}
+    {$_('why.submit.body.5')}
+    {$_('why.submit.body.6')}
   </p>
   <h1 id="can-i-contribute">{$_('why.contribute.title')}</h1>
   <p>
-    {$_('why.contribute.body.1')} {$_('why.contribute.body.2')} 
-    <a href="https://www.github.com/aldy505/jokes-bapak2-api">{$_('why.contribute.body.3')}</a> 
+    {$_('why.contribute.body.1')}
+    {$_('why.contribute.body.2')}
+    <a href="https://www.github.com/aldy505/jokes-bapak2-api">{$_('why.contribute.body.3')}</a>
     {$_('why.contribute.body.4')}
   </p>
   <h1 id="other-inquiries">{$_('why.inquiries.title')}</h1>
   <p>
-    {$_('why.inquiries.body.1')} 
-     <a href="mailto:aldy505@tutanota.com">{$_('why.inquiries.body.2')}</a>, {$_('why.inquiries.body.3')}
+    {$_('why.inquiries.body.1')}
+    <a href="mailto:aldy505@tutanota.com">{$_('why.inquiries.body.2')}</a>, {$_('why.inquiries.body.3')}
   </p>
 </section>
 
diff --git a/client/svelte.config.js b/client/svelte.config.js
index 7c94f97..faa2fbd 100644
--- a/client/svelte.config.js
+++ b/client/svelte.config.js
@@ -9,8 +9,8 @@ const config = {
   preprocess: [
     windi({
       configPath: './windi.config.js',
-    }), 
-    preprocess({ postcss: false })
+    }),
+    preprocess({ postcss: false }),
   ],
 
   kit: {
@@ -22,7 +22,7 @@ const config = {
       routes: './src/routes',
       assets: './static',
       hooks: './src',
-      lib: './src/lib'
+      lib: './src/lib',
     },
     adapter: adapter({
       // default options are shown
diff --git a/client/windi.config.js b/client/windi.config.js
index 9c85a3b..c3dad78 100644
--- a/client/windi.config.js
+++ b/client/windi.config.js
@@ -1,11 +1,11 @@
-import { defineConfig } from 'windicss/helpers'
+import { defineConfig } from 'windicss/helpers';
 
 export default defineConfig({
   darkMode: 'media',
   theme: {
     extend: {
       fontFamily: {
-        code: ['"Fira Mono"', '"Source Code Pro"',  '"Lucida Console"', '"Courier New"', 'Courier', 'sans-serif'],
+        code: ['"Fira Mono"', '"Source Code Pro"', '"Lucida Console"', '"Courier New"', 'Courier', 'sans-serif'],
         body: ['Rubik', 'Asap', 'Barlow', 'Arial', 'sans-serif'],
       },
       flex: {
@@ -16,42 +16,42 @@ export default defineConfig({
       },
       colors: {
         chetwode: {
-          50: '#f9fafe', 
-          100: '#f3f4fe', 
-          200: '#e1e4fc', 
-          300: '#cfd4f9', 
-          400: '#abb4f5', 
-          500: '#8794f1', 
-          600: '#7a85d9', 
-          700: '#656fb5', 
-          800: '#515991', 
+          50: '#f9fafe',
+          100: '#f3f4fe',
+          200: '#e1e4fc',
+          300: '#cfd4f9',
+          400: '#abb4f5',
+          500: '#8794f1',
+          600: '#7a85d9',
+          700: '#656fb5',
+          800: '#515991',
           900: '#424976',
         },
         dodger: {
-            50: '#f4f9fe', 
-            100: '#e8f2fd', 
-            200: '#c6dffa', 
-            300: '#a4cbf7', 
-            400: '#5fa5f2', 
-            500: '#1b7eec', 
-            600: '#1871d4', 
-            700: '#145fb1', 
-            800: '#104c8e', 
-            900: '#0d3e74',
+          50: '#f4f9fe',
+          100: '#e8f2fd',
+          200: '#c6dffa',
+          300: '#a4cbf7',
+          400: '#5fa5f2',
+          500: '#1b7eec',
+          600: '#1871d4',
+          700: '#145fb1',
+          800: '#104c8e',
+          900: '#0d3e74',
         },
         lavender: {
-            50: '#fefbff', 
-            100: '#fef6fe', 
-            200: '#fceafd', 
-            300: '#fbddfb', 
-            400: '#f7c3f8', 
-            500: '#f4a9f5', 
-            600: '#dc98dd', 
-            700: '#b77fb8', 
-            800: '#926593', 
-            900: '#785378',
-        }
-      }
-    }
-  }
-})
\ No newline at end of file
+          50: '#fefbff',
+          100: '#fef6fe',
+          200: '#fceafd',
+          300: '#fbddfb',
+          400: '#f7c3f8',
+          500: '#f4a9f5',
+          600: '#dc98dd',
+          700: '#b77fb8',
+          800: '#926593',
+          900: '#785378',
+        },
+      },
+    },
+  },
+});