Роли, переделывание отчета, изменение на главной странице

resources/js/Layouts/Components/AppHeader.vue

@@ -3,24 +3,21 @@ import { NFlex, NSpace, NDivider, NButton } from 'naive-ui'
 import ReportSelectDate from "../../Components/ReportSelectDate.vue";
 import AppUserButton from "./AppUserButton.vue";
 import {Link} from "@inertiajs/vue3";
+import AppHeaderRole from "./AppHeaderRole.vue";
 </script>
 
 <template>
     <NFlex justify="space-between" align="center" class="px-4 w-full h-full">
-        <NSpace align="center">
+        <NFlex align="center">
             <NButton :tag="Link" text href="/">
                 Метрика
             </NButton>
-            <NDivider vertical />
-            <ReportSelectDate />
-        </NSpace>
-        <NSpace align="center">
-            <NButton :tag="Link" text href="/">
-                Мои отчеты??
-            </NButton>
-            <NDivider vertical />
+<!--            <NDivider vertical />-->
+<!--            <ReportSelectDate />-->
+        </NFlex>
+        <NFlex align="center">
             <AppUserButton />
-        </NSpace>
+        </NFlex>
     </NFlex>
 </template>