Rewrite of WebUI (#245)

Rewrite of the UI using Typescript, Vue3, Windicss and Vite. The design should  be close to the current one with some changes:
- latest pipeline in a sidebar on the right
- secrets and registry as part of the repo-settings (secrets and registry entries shouldn't be used as much so they can be "hidden" under settings IMO)
- start page shows list of active repositories with button to enable / add new ones (currently you see all repositories and in most cases you only add new repositories once in a while)

web/src/components/atomic/ListItem.vue

@@ -0,0 +1,32 @@
+<template>
+  <div
+    class="
+      w-full
+      flex
+      border
+      rounded-md
+      bg-white
+      overflow-hidden
+      p-4
+      border-gray-300
+      dark:bg-dark-gray-700 dark:border-dark-400
+    "
+    :class="{ 'cursor-pointer hover:shadow-md hover:bg-gray-200 dark:hover:bg-dark-gray-800': clickable }"
+  >
+    <slot />
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'ListItem',
+
+  props: {
+    clickable: {
+      type: Boolean,
+    },
+  },
+});
+</script>