feat: create dedicated settings page instead of creating many modals

app/user_settings/controllers/show_user_settings_controller.ts

@@ -0,0 +1,10 @@
+import { HttpContext } from '@adonisjs/core/http';
+
+export default class ShowUserSettingsController {
+	public async render({ auth, inertia }: HttpContext) {
+		const user = await auth.authenticate();
+		return inertia.render('user_settings/show', {
+			user,
+		});
+	}
+}

app/user_settings/routes/routes.ts

@@ -0,0 +1 @@
+import './user_settings_routes.js';

app/user_settings/routes/user_settings_routes.ts

@@ -0,0 +1,8 @@
+import router from '@adonisjs/core/services/router';
+
+const ShowUserSettingsController = () =>
+	import('#user_settings/controllers/show_user_settings_controller');
+
+router
+	.get('/user/settings', [ShowUserSettingsController, 'render'])
+	.as('user.settings');