merge new tools (#244)

Co-authored-by: Adam Bem <adam.bem@zoho.eu>
Co-authored-by: Adam Bem <bema@noreply.example.com>
Reviewed-on: #244

Frontend/src/components/sidebar/SidebarToolLinkComponent.vue

@@ -0,0 +1,22 @@
+<script setup lang="ts">
+import { RouterLink } from 'vue-router';
+const props = defineProps(
+    {
+        elementContent: { required: false },
+        pathTo: { type: String, required: true }
+    }
+)
+
+</script>
+
+<template>
+    <RouterLink
+        class="w-full text-center py-2 px-4 text-gray-800 transition duration-75 hover:bg-blue-100 dark:text-white dark:hover:bg-slate-600"
+        :to="props.pathTo">{{ props.elementContent }}</RouterLink>
+</template>
+
+<style>
+.router-link-active {
+    font-weight: 500;
+}
+</style>