Add frontend boilerplate

frontend/src/App.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+  import Navbar from "./Navbar.svelte";
+</script>
+
+<Navbar />
+<section class="section">
+  Hallo i bims 1 frontend
+</section>

frontend/src/Navbar.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">
+    import logo from "./assets/turtle.png";
+</script>
+
+<nav class="navbar">
+    <div class="navbar-brand">
+        <div class="navbar-item">
+            <a href="/">
+                <img src={logo} alt="logo"/>
+            </a>
+        </div>
+    </div>
+</nav>

frontend/src/app.scss

@@ -0,0 +1,11 @@
+/* Write your global styles here, in SCSS syntax. Variables and mixins from the src/variables.scss file are available here without importing */
+
+/* Import only what you need from Bulma */
+@import "bulma/sass/utilities/_all";
+@import "bulma/sass/base/_all";
+@import "bulma/sass/elements/_all";
+@import "bulma/sass/form/_all";
+@import "bulma/sass/components/_all";
+@import "bulma/sass/grid/_all";
+@import "bulma/sass/helpers/_all";
+@import "bulma/sass/layout/_all";

frontend/src/main.ts

@@ -0,0 +1,8 @@
+import "./app.scss";
+import App from "./App.svelte";
+
+const app = new App({
+  target: document.getElementById("app"),
+});
+
+export default app;

frontend/src/variables.scss

@@ -0,0 +1,4 @@
+/* Variables and mixins declared here will be available in all other SCSS files */
+
+/* https://github.com/jgthms/bulma/issues/1293 */
+$body-overflow-y: auto;

frontend/src/vite-env.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="svelte" />
+/// <reference types="vite/client" />