add billing, organization settings and import to navigation

resources/js/Pages/Import.vue

@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import MainContainer from '@/Pages/MainContainer.vue';
+import AppLayout from '@/Layouts/AppLayout.vue';
+import { PlusIcon, ArrowsRightLeftIcon } from '@heroicons/vue/16/solid';
+import SecondaryButton from '@/Components/SecondaryButton.vue';
+import { ref } from 'vue';
+import PageTitle from '@/Components/Common/PageTitle.vue';
+import { canCreateTags } from '@/utils/permissions';
+import ImportData from '@/Pages/Teams/Partials/ImportData.vue';
+const createTag = ref(false);
+</script>
+
+<template>
+    <AppLayout title="Import" data-testid="import_view">
+        <MainContainer
+            class="py-5 border-b border-default-background-separator flex justify-between items-center">
+            <div class="flex items-center space-x-6">
+                <PageTitle :icon="ArrowsRightLeftIcon" title="Import">
+                </PageTitle>
+            </div>
+            <SecondaryButton
+                v-if="canCreateTags()"
+                :icon="PlusIcon"
+                @click="createTag = true"
+                >Create Tag</SecondaryButton
+            >
+        </MainContainer>
+        <MainContainer class="py-6">
+            <ImportData></ImportData>
+        </MainContainer>
+    </AppLayout>
+</template>

resources/js/Pages/Teams/Partials/ImportData.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import FormSection from '@/Components/FormSection.vue';
 import PrimaryButton from '@/Components/PrimaryButton.vue';
-import type { Organization } from '@/types/models';
 import { computed, onMounted, ref } from 'vue';
 import { useNotificationsStore } from '@/utils/notification';
 import { api } from '../../../../../openapi.json.client';
@@ -11,11 +10,6 @@ import { getCurrentOrganizationId } from '@/utils/useUser';
 import type { ImportReport, ImportType } from '@/utils/api';
 import DialogModal from '@/Components/DialogModal.vue';
 import SecondaryButton from '@/Components/SecondaryButton.vue';
-
-defineProps<{
-    team: Organization;
-}>();
-
 const importTypeOptions = ref<ImportType[]>([]);
 
 const { addNotification } = useNotificationsStore();