Implemented REST Mock tool

Co-authored-by: widlam <mikolaj.widla@gmail.com>
Co-authored-by: Adam Bem <adam.bem@zoho.eu>
Reviewed-on: #231
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/views/JsonFormatterView.vue

@@ -31,6 +31,6 @@ function clear() {
                 <JsonButtonFormatterComponent :json="json" @update:result="(data: any) => format(data)"></JsonButtonFormatterComponent>
             </div>
         </div>
-        <textarea name="data" id="data" :value="json" class="text-field"></textarea>
+        <textarea name="data" id="data" :value="json" class="text-field h-full"></textarea>
     </div>
 </template>

Frontend/src/views/RestMockView.vue

@@ -1,14 +1,14 @@
-<script lang="ts">
-import RestMockComponent from '@components/mock/RestMockComponent.vue'
+<script setup lang="ts">
+import RestMockMessageComponent from '@components/mock/RestMockMessageComponent.vue'
+import HistoryComponent from '@components/mock/HistoryComponent.vue'
 
-export default {
-    name:"RestMockView",
-    components: {RestMockComponent}
-}
 </script>
 
 
 <template>
-    <RestMockComponent></RestMockComponent>
+    <div class="flex flex-col xl:flex-row gap-6 w-full overflow-hidden h-full">
+        <RestMockMessageComponent></RestMockMessageComponent>
+        <HistoryComponent></HistoryComponent>
+    </div>
 </template>
 

Frontend/src/views/XmlFormatterView.vue

@@ -31,6 +31,6 @@ function clear() {
                 <XMLButtonFormatterComponent :xml="xml" @update:result="(data: any) => format(data)"></XMLButtonFormatterComponent>
             </div>
         </div>
-        <textarea name="data" id="data" :value="xml" class="text-field"></textarea>
+        <textarea name="data" id="data" :value="xml" class="text-field h-full"></textarea>
     </div>
 </template>