Reorganise functions, Use custom Format Date/Relative Time over dayjs

src/routes/index.svelte

@@ -19,7 +19,7 @@
 <script>
     import { onMount } from 'svelte'
     import { site, currentLocation, currentPhotos } from '../utils/store'
-    import * as fn from '../utils/functions'
+    import { lettersToSpan } from '../utils/functions'
 
     // Dependencies
     import * as basicScroll from 'basicscroll'
@@ -102,7 +102,7 @@
     <div class="anim-mask">
         <div class="anim title-parallax" id="title-houses" data-aos="letters-translate-top" data-aos-once="true">
             <h1 class="title-massive" aria-label="Houses">
-                {@html fn.lettersToSpan('Houses')}
+                {@html lettersToSpan('Houses')}
             </h1>
         </div>
     </div>
@@ -123,7 +123,7 @@
 <section class="explore explore--homepage">
     <div class="of" aria-label="of" data-aos="letters-translate-bottom" data-aos-once="true">
         <div class="anim-mask">
-            {@html fn.lettersToSpan('of')}
+            {@html lettersToSpan('of')}
         </div>
     </div>
 
@@ -135,7 +135,7 @@
 
     <div class="anim-mask anim-title">
         <h1 class="title-massive title-parallax" id="title-world" aria-label="World" data-aos="letters-translate-bottom" data-aos-once="true">
-            {@html fn.lettersToSpan('World')}
+            {@html lettersToSpan('World')}
         </h1>
     </div>