feat: add user token management

inertia/pages/user_settings/show.tsx

@@ -1,4 +1,5 @@
 import { useTranslation } from 'react-i18next';
+import { ApiTokens } from '~/components/common/api_tokens/api_tokens';
 import {
 	FloatingTab,
 	FloatingTabs,
@@ -14,6 +15,11 @@ function UserSettingsShow() {
 			value: 'preferences',
 			content: <UserPreferences />,
 		},
+		{
+			label: t('api-tokens.title'),
+			value: 'api-tokens',
+			content: <ApiTokens />,
+		},
 	];
 	return <FloatingTabs tabs={tabs} />;
 }