Various bug fixes (#102)

* feat: set lang in html head

* fix: add # in front of git ref

* fix: remove unused vars from example env

* fix: package name and license field

* fix: enable sourcemap for client and server

* fix: emojis not showing in prod

this is extremely cursed, but it works

* chore: refactor auth manager

* feat: disable invitations if simple auth disabled

* feat: add drop version to footer

* feat: translate auth endpoints

* chore: move oidc module

* feat: add weekly tasks

enabled object cleanup as weekly task

* feat: add timestamp to task log msgs

* feat: add guard to prevent invalid progress %

* fix: add missing global scope to i18n components

* feat: set base url for i18n

* feat: switch task log to json format

* ci: run ci on develop branch only

* fix: UserWidget text not updating #109

* fix: EXTERNAL_URL being computed at build

* feat: add basic language outlines for translation

* feat: add more english dialects

server/components/LanguageSelector.vue

@@ -9,9 +9,10 @@
           class="grid w-full cursor-default grid-cols-1 rounded-md bg-zinc-900 py-1.5 pr-2 pl-3 text-left text-zinc-300 outline-1 -outline-offset-1 outline-zinc-700 focus:outline-2 focus:-outline-offset-2 focus:outline-blue-600 sm:text-sm/6"
         >
           <span class="col-start-1 row-start-1 flex items-center gap-3 pr-6">
-            <span alt="" class="-mt-0.5 shrink-0 rounded-full">{{
-              localeToEmoji(wiredLocale)
-            }}</span>
+            <EmojiText
+              :emoji="localeToEmoji(wiredLocale)"
+              class="-mt-0.5 shrink-0 max-w-6"
+            />
             <span class="block truncate">{{
               currentLocaleInformation?.name ?? wiredLocale
             }}</span>
@@ -46,9 +47,10 @@
                 ]"
               >
                 <div class="flex items-center">
-                  <span class="-mt-0.5 shrink-0 rounded-full">
-                    {{ localeToEmoji(listLocale.code) }}
-                  </span>
+                  <EmojiText
+                    :emoji="localeToEmoji(listLocale.code)"
+                    class="-mt-0.5 shrink-0 max-w-6"
+                  />
                   <span
                     :class="[
                       selected ? 'font-semibold' : 'font-normal',
@@ -106,21 +108,50 @@ import {
 } from "@headlessui/vue";
 import { ChevronUpDownIcon } from "@heroicons/vue/16/solid";
 import { ArrowTopRightOnSquareIcon } from "@heroicons/vue/24/outline";
+import type { Locale } from "vue-i18n";
 
-const { locales, locale, setLocale } = useI18n();
+const { locales, locale: currLocale, setLocale } = useI18n();
+
+function changeLocale(locale: Locale) {
+  setLocale(locale);
+
+  // dynamically update the HTML attributes for language and direction
+  // this is necessary for proper rendering of the page in the new language
+  useHead({
+    htmlAttrs: {
+      lang: locale,
+      dir: locales.value.find((l) => l.code === locale)?.dir || "ltr",
+    },
+  });
+}
 
 function localeToEmoji(local: string): string {
   switch (local) {
+    // Default locale
     case "en":
-    case "en-gb":
-    case "en-ca":
-    case "en-au":
-    case "en-us": {
+    case "en-us":
       return "🇺🇸";
-    }
-    case "en-pirate": {
+
+    case "en-gb":
+      return "🇬🇧";
+    case "en-ca":
+      return "🇨🇦";
+    case "en-au":
+      return "🇦🇺";
+    case "en-pirate":
       return "🏴‍☠️";
-    }
+    case "fr":
+      return "🇫🇷";
+    case "de":
+      return "🇩🇪";
+    case "es":
+      return "🇪🇸";
+    case "it":
+      return "🇮🇹";
+    case "zh":
+      return "🇨🇳";
+    case "zh-tw":
+      return "🇹🇼";
 
     default: {
       return "❓";
@@ -130,10 +161,10 @@ function localeToEmoji(local: string): string {
 
 const wiredLocale = computed({
   get() {
-    return locale.value;
+    return currLocale.value;
   },
   set(v) {
-    setLocale(v);
+    changeLocale(v);
   },
 });
 const currentLocaleInformation = computed(() =>