Add Social Media section to dashboard

Add navigation menu item and create new page with embedded marketing content from marketing.starbit.cloud.

pages/dashboard.vue

@@ -107,7 +107,11 @@ const interestMenu = [
     icon: "mdi-folder",
     title: "File Browser",
   },
-
+  {
+    to: "/dashboard/social-media",
+    icon: "mdi-share-variant",
+    title: "Social Media",
+  },
 
 ];
 

pages/dashboard/social-media.vue

@@ -0,0 +1,31 @@
+<template>
+  <div class="embed">
+    <iframe
+      src="https://marketing.starbit.cloud"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+useHead({
+  title: "Social Media",
+});
+</script>
+
+<style scoped>
+.embed {
+  position: relative;
+  overflow: hidden;
+  width: 100%;
+  height: 100vh;
+}
+
+.embed iframe {
+  position: absolute;
+  width: 100%;
+  height: calc(100% + 180px);
+  border: 0;
+  top: 0;
+  left: 0;
+}
+</style>