Added sidebar (#224)

Co-authored-by: widlam <mikolaj.widla@gmail.com>
Reviewed-on: #224
Reviewed-by: Adam Bem <bema@noreply.example.com>
Co-authored-by: Mikolaj Widla <widlam@noreply.example.com>
Co-committed-by: Mikolaj Widla <widlam@noreply.example.com>

Frontend/src/components/xml/XmlInputFieldComponent.vue

@@ -0,0 +1,23 @@
+<script setup>
+
+const props = defineProps(
+    {
+        transformationName: {type: String},
+    }
+)
+
+</script>
+
+<template>
+    <div class="flex flex-col gap-6 w-full h-full items-center">
+        <label for="xmlfield" class="dark:text-white">XML</label>
+        <textarea id="xmlfield" class="w-1/2 h-36 bg-gray-500">
+
+
+        </textarea>
+        <label for="transformField" class="dark:text-white">{{ props.transformationName }}</label>
+        <textarea id="transformField" class="w-1/2 h-36 bg-gray-500">
+
+        </textarea>
+    </div>
+</template>