Rename .vue files to .svelte for diffing

frontend/src/components/layout/LayoutCol.svelte

@@ -0,0 +1,35 @@
+<script lang="ts">
+import { defineComponent, type PropType } from "vue";
+
+export default defineComponent({
+	props: {
+		scrollableX: { type: Boolean as PropType<boolean>, default: false },
+		scrollableY: { type: Boolean as PropType<boolean>, default: false },
+		tooltip: { type: String as PropType<string | undefined>, required: false },
+	},
+});
+</script>
+
+<template>
+	<div
+		class="layout-col"
+		:class="{ 'scrollable-x': scrollableX, 'scrollable-y': scrollableY }"
+		:data-scrollable-x="scrollableX || undefined"
+		:data-scrollable-y="scrollableY || undefined"
+		:title="tooltip"
+	>
+		<slot></slot>
+	</div>
+</template>
+
+<style lang="scss">
+.layout-col {
+	display: flex;
+	flex-direction: column;
+	flex-grow: 1;
+
+	.spacer {
+		flex: 1 1 100%;
+	}
+}
+</style>