```

use dynamic route parameter for user ID in UserActivationEditForm
```

002_source/cms/src/app/dashboard/user_metas/edit/[id]/page.tsx

@@ -3,6 +3,7 @@
 // src/app/dashboard/user_metas/edit/[id]/page.tsx
 import * as React from 'react';
 import RouterLink from 'next/link';
+import { useParams } from 'next/navigation';
 import Box from '@mui/material/Box';
 import Link from '@mui/material/Link';
 import Stack from '@mui/material/Stack';
@@ -11,12 +12,12 @@ import { ArrowLeft as ArrowLeftIcon } from '@phosphor-icons/react/dist/ssr/Arrow
 import { useTranslation } from 'react-i18next';
 
 import { paths } from '@/paths';
-import { CrCategoryEditForm } from '@/components/dashboard/cr/categories/cr-category-edit-form';
 import { UserActivationEditForm } from '@/components/dashboard/user_meta/user-activation-edit-form';
 import { UserMetaEditForm } from '@/components/dashboard/user_meta/user-meta-edit-form';
 
 export default function Page(): React.JSX.Element {
   const { t } = useTranslation(['user_metas']);
+  const { id: userId } = useParams<{ id: string }>();
 
   React.useEffect(() => {
     // console.log('helloworld');
@@ -50,7 +51,7 @@ export default function Page(): React.JSX.Element {
           </div>
         </Stack>
         <UserMetaEditForm />
-        <UserActivationEditForm user_id="000000000000005" />
+        <UserActivationEditForm userId={userId} />
       </Stack>
     </Box>
   );