Add bottom panel support (#1294)

* Add bottom panel

* Bottom panel store

* Extract ExtensionSlot component

* Tab rendering

* Add toggle button on top menu bar

* nit

* Add toggle button tooltip

* Add command

src/components/common/ExtensionSlot.vue

@@ -0,0 +1,34 @@
+<template>
+  <component v-if="extension.type === 'vue'" :is="extension.component" />
+  <div
+    v-else
+    :ref="
+      (el) => {
+        if (el)
+          mountCustomExtension(
+            props.extension as CustomExtension,
+            el as HTMLElement
+          )
+      }
+    "
+  ></div>
+</template>
+
+<script setup lang="ts">
+import { CustomExtension, VueExtension } from '@/types/extensionTypes'
+import { onBeforeUnmount } from 'vue'
+
+const props = defineProps<{
+  extension: VueExtension | CustomExtension
+}>()
+
+const mountCustomExtension = (extension: CustomExtension, el: HTMLElement) => {
+  extension.render(el)
+}
+
+onBeforeUnmount(() => {
+  if (props.extension.type === 'custom' && props.extension.destroy) {
+    props.extension.destroy()
+  }
+})
+</script>