refactor: improve form layout and i18n configuration

- Replace Group with Stack in register form for better vertical alignment
- Conditionally set i18n debug mode based on environment
- Update ApiTokenCardWidget to correctly type forwardRef

Author: kastov

src/app/i18n/i18n.ts

@@ -8,7 +8,7 @@ i18n.use(initReactI18next)
     .use(HttpApi)
     .init({
         fallbackLng: 'en',
-        debug: true,
+        debug: process.env.NODE_ENV === 'development',
         defaultNS: ['remnawave'],
         ns: ['remnawave'],
         detection: {

src/features/auth/register-form/register-form.feature.tsx

@@ -1,9 +1,9 @@
 import {
     Button,
     Container,
-    Group,
     Paper,
     PasswordInput,
+    Stack,
     Text,
     TextInput,
     Title
@@ -117,7 +117,7 @@ export const RegisterFormFeature = () => {
                         {...form.getInputProps('username')}
                     />
 
-                    <Group align="flex-end" mt="md">
+                    <Stack mt="md">
                         <PasswordInput
                             label={t('register-form.feature.password')}
                             placeholder="soy_t5Px5`Gm4j0@Hf&Dd7iU"
@@ -126,27 +126,27 @@ export const RegisterFormFeature = () => {
                             style={{ flex: 1 }}
                             {...form.getInputProps('password')}
                         />
-                    </Group>
 
-                    <PasswordInput
-                        label={t('register-form.feature.confirm-password')}
-                        mt="md"
-                        placeholder="soy_t5Px5`Gm4j0@Hf&Dd7iU"
-                        required
-                        size="md"
-                        {...form.getInputProps('confirmPassword')}
-                    />
+                        <PasswordInput
+                            label={t('register-form.feature.confirm-password')}
+                            mt="md"
+                            placeholder="soy_t5Px5`Gm4j0@Hf&Dd7iU"
+                            required
+                            size="md"
+                            {...form.getInputProps('confirmPassword')}
+                        />
 
-                    <Button
-                        fullWidth
-                        leftSection={<PiShuffleDuotone size="1rem" />}
-                        mt="xl"
-                        onClick={handleGeneratePassword}
-                        size="md"
-                        variant="light"
-                    >
-                        {t('register-form.feature.generate')}
-                    </Button>
+                        <Button
+                            fullWidth
+                            leftSection={<PiShuffleDuotone size="1rem" />}
+                            mt="xl"
+                            onClick={handleGeneratePassword}
+                            size="md"
+                            variant="light"
+                        >
+                            {t('register-form.feature.generate')}
+                        </Button>
+                    </Stack>
 
                     <Button
                         fullWidth

src/widgets/dashboard/api-tokens/api-token-card/api-token-card.widget.tsx

@@ -1,11 +1,11 @@
 import { Badge, Button, Container, Group, Text } from '@mantine/core'
 import { PiCheck, PiCopy, PiTrash } from 'react-icons/pi'
 import { notifications } from '@mantine/notifications'
+import { ForwardedRef, forwardRef } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useClipboard } from '@mantine/hooks'
 import { motion } from 'framer-motion'
 import ColorHash from 'color-hash'
-import { forwardRef } from 'react'
 import dayjs from 'dayjs'
 
 import { QueryKeys, useDeleteApiToken } from '@shared/api/hooks'
@@ -14,7 +14,7 @@ import { queryClient } from '@shared/api'
 import classes from './ApiTokenCard.module.css'
 import { IProps } from './interfaces'
 
-export const ApiTokenCardWidget = forwardRef((props: IProps) => {
+export const ApiTokenCardWidget = forwardRef((props: IProps, ref: ForwardedRef<HTMLDivElement>) => {
     const { t } = useTranslation()
 
     const { apiToken } = props
@@ -54,6 +54,7 @@ export const ApiTokenCardWidget = forwardRef((props: IProps) => {
             animate={{ opacity: 1, rotateX: 0, y: 0 }}
             exit={{ opacity: 0, rotateX: 80, y: 100 }}
             initial={{ opacity: 0, rotateX: -80, y: -100 }}
+            ref={ref}
             style={{ perspective: 1000 }}
             transition={{
                 duration: 0.4,