Changes from our SA

[StefanieJaeger]

This PR contains all changes made during our SA as well as some smaller bug fixes made later on.
I would recommend to first merge this PR, so we can use the newest tag of the normal data repo, instead of having to reference our fork of the data repo.
Closes #49 and closes #66.

[StefanieJaeger]

Closes #49 and closes #66

[jeremystucki]

Due to the size of this PR I can't give a thorough review. Let's wait a few days to see if someone else want to take a look and otherwise we merge it and see what happens.

Should we add a link to old.lost.university in case this breaks something?

[jeremystucki]

Closes issues #49 and #66

GitHub uses specific syntax to close issues automatically. Please adjust the comment accordingly.

[jeremystucki]

Please apply the following two patches.

Enabling title attributes on mobile

diff --git a/src/components/Module.vue b/src/components/Module.vue
index 19aabb8..9228a55 100644
--- a/src/components/Module.vue
+++ b/src/components/Module.vue
@@ -8,12 +8,14 @@
       <span
         v-if="module.validationInfo && module.validationInfo.severity === 'soft'"
         :title="module.validationInfo.tooltip"
+        tabindex="0"
       >
         <font-awesome-icon :icon="['fa', 'info-circle']" />
       </span>
       <span
         v-if="module.validationInfo && module.validationInfo.severity === 'hard'"
         :title="module.validationInfo.tooltip"
+        tabindex="0"
       >
         <font-awesome-icon :icon="['fa', 'circle-exclamation']" />
       </span>
diff --git a/style.css b/style.css
index b5c61c9..257c07c 100644
--- a/style.css
+++ b/style.css
@@ -1,3 +1,22 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+@media (hover: none) {
+    [title] {
+        position: relative;
+        display: inline-flex;
+        justify-content: center;
+    }
+    [title]:focus::after {
+        content: attr(title);
+        position: absolute;
+        top: 90%;
+        color: #000;
+        background-color: #fff;
+        border: 1px solid;
+        width: fit-content;
+        padding: 3px;
+        z-index: 99;
+    }
+}

Adding a banner to the footer

diff --git a/src/components/PageFooter.vue b/src/components/PageFooter.vue
index 853d6bf..18b6b4a 100644
--- a/src/components/PageFooter.vue
+++ b/src/components/PageFooter.vue
@@ -26,6 +26,16 @@
       />
     </a>
   </footer>
+  <div class="bg-[#8c195f] text-white text-center py-4">
+    <span class="font-bold">
+      Die Webseite wurde kürzlich im Rahmen einer SA überarbeitet und hat jetzt ein paar neue Features
+    </span>
+    <br />
+    <span class="text-sm">
+      Falls etwas nicht funktionieren sollte, eröffne bitte ein Issue <a href="https://github.com/lost-university/web/issues/new/choose"><u>auf GitHub.</u></a>
+      Die vorherige Version ist unter <a href="https://old.lost.university"><u>old.lost.university</u></a> weiterhin für eine begrenzte Zeit verfügbar.
+    </span>
+  </div>
 </template>
 
 <script lang="ts">