Add furnishing on homepage

src/locales/en.json

@@ -65,6 +65,10 @@
     "achievement": {
       "title": "🏆 View and track your achievement list here",
       "detail": "Achievement"
+    },
+    "furnishing": {
+      "title": "Check what furnishing you need to make to complete a sets. And also you can view the load of each furnishing.",
+      "detail": "Furnishing"
     }
   },
   "characters": {

src/locales/id.json

@@ -60,6 +60,10 @@
     "twitter": {
       "title": "Follow my Twitter, akan post tentang apa yang lagi di develop dan update terbaru tentang paimon.moe!",
       "detail": "Follow Twitter"
+    },
+    "furnishing": {
+      "title": "Cek furnitur apa saja yang kamu perlukan untuk menyelesaikan suatu set. Dan kamu juga bisa melihat beban masing-masing furnitur.",
+      "detail": "Furnitur"
     }
   },
   "characters": {

src/routes/_index/furnishing.svelte

@@ -0,0 +1,18 @@
+<script>
+  import { mdiChevronRight } from '@mdi/js';
+
+  import { t } from 'svelte-i18n';
+  import Icon from '../../components/Icon.svelte';
+</script>
+
+<div class="bg-item rounded-xl p-4 flex flex-col">
+  <p class="text-white">{$t('home.furnishing.title')}</p>
+  <a
+    href="/furnishing"
+    class="flex justify-end items-center self-end lg:self-start text-white mt-4 
+  bg-background-secondary rounded-xl py-2 px-4 hover:bg-background transition-colors duration-100"
+  >
+    {$t('home.furnishing.detail')}
+    <Icon path={mdiChevronRight} />
+  </a>
+</div>

src/routes/index.svelte

@@ -15,6 +15,7 @@
   import Discord from './_index/discord.svelte';
   import Twitter from './_index/twitter.svelte';
   import Achievement from './_index/achievement.svelte';
+  import Furnishing from './_index/furnishing.svelte';
 
   let refreshLayout;
 
@@ -59,6 +60,7 @@
     <Calculator on:done={onDone} />
     <Achievement on:done={onDone} />
     <Twitter on:done={onDone} />
+    <Furnishing on:done={onDone} />
     <!-- <div class="flex flex-col space-y-4">
     </div> -->
   </Masonry>