refactor: remove role management components and streamline role handling by reorganizing file structure for improved code clarity

resources/js/pages/admin/system/roles/Create.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { Head, Link } from '@inertiajs/vue3';
 import { ArrowLeft } from '@lucide/vue';
-import RoleForm from '@/components/admin/system/roles/RoleForm.vue';
+import RoleForm from './form/RoleForm.vue';
 import { Button } from '@/components/ui/button';
 import AdminLayout from '@/layouts/AdminLayout.vue';
 

resources/js/pages/admin/system/roles/Edit.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { Head, Link } from '@inertiajs/vue3';
 import { ArrowLeft } from '@lucide/vue';
-import RoleForm from '@/components/admin/system/roles/RoleForm.vue';
+import RoleForm from './form/RoleForm.vue';
 import { Button } from '@/components/ui/button';
 import AdminLayout from '@/layouts/AdminLayout.vue';
 

resources/js/pages/admin/system/roles/Index.vue

@@ -2,15 +2,17 @@
 import { Head, Link } from '@inertiajs/vue3';
 import { Plus } from '@lucide/vue';
 import { computed, ref, watch } from 'vue';
-import { createColumns } from '@/components/admin/system/roles/columns';
+import { createColumns, type RoleListItem } from './table/columns';
 import { DataTable } from '@/components/data-table';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
 import { useCan } from '@/composables/useCan';
-import { useDataTableQuery, useDataTableQuerySync } from '@/composables/useDataTableQuery';
+import {
+    useDataTableQuery,
+    useDataTableQuerySync,
+} from '@/composables/useDataTableQuery';
 import AdminLayout from '@/layouts/AdminLayout.vue';
 import type { DataTableSort } from '@/types/data-table';
-import type { RoleListItem } from '@/components/admin/system/roles/columns';
 
 interface PaginatedRoles {
     current_page: number;

resources/js/pages/admin/system/roles/table/columns.ts

@@ -1,7 +1,7 @@
-import DataTableActions from '@/components/admin/system/roles/data-table-actions.vue';
 import { DataTableColumnHeader } from '@/components/data-table';
 import type { ColumnDef } from '@tanstack/vue-table';
 import { h } from 'vue';
+import DataTableActions from './data-table-actions.vue';
 
 export interface RoleListItem {
     id: number;