Changed import path.

src/app/(main)/settings/SettingsLayout.tsx

@@ -1,7 +1,7 @@
 'use client';
 import { ReactNode } from 'react';
-import { useLogin, useMessages } from 'components/hooks';
-import MenuLayout from 'components/layout/MenuLayout';
+import { useLogin, useMessages } from '@/components/hooks';
+import MenuLayout from '@/components/layout/MenuLayout';
 
 export default function SettingsLayout({ children }: { children: ReactNode }) {
   const { user } = useLogin();

src/app/(main)/settings/teams/TeamAddForm.tsx

@@ -1,4 +1,4 @@
-import { useApi, useMessages } from 'components/hooks';
+import { useApi, useMessages } from '@/components/hooks';
 import {
   Button,
   Form,

src/app/(main)/settings/teams/TeamJoinForm.tsx

@@ -8,7 +8,7 @@ import {
   Button,
   SubmitButton,
 } from 'react-basics';
-import { useApi, useMessages, useModified } from 'components/hooks';
+import { useApi, useMessages, useModified } from '@/components/hooks';
 
 export function TeamJoinForm({ onSave, onClose }: { onSave: () => void; onClose: () => void }) {
   const { formatMessage, labels, getMessage } = useMessages();

src/app/(main)/settings/teams/TeamLeaveButton.tsx

@@ -1,4 +1,4 @@
-import { useLocale, useLogin, useMessages, useModified } from 'components/hooks';
+import { useLocale, useLogin, useMessages, useModified } from '@/components/hooks';
 import { useRouter } from 'next/navigation';
 import { Button, Icon, Icons, Modal, ModalTrigger, Text } from 'react-basics';
 import TeamDeleteForm from './TeamLeaveForm';

src/app/(main)/settings/teams/TeamLeaveForm.tsx

@@ -1,5 +1,5 @@
-import { useApi, useMessages, useModified } from 'components/hooks';
-import ConfirmationForm from 'components/common/ConfirmationForm';
+import { useApi, useMessages, useModified } from '@/components/hooks';
+import ConfirmationForm from '@/components/common/ConfirmationForm';
 
 export function TeamLeaveForm({
   teamId,

src/app/(main)/settings/teams/TeamsAddButton.tsx

@@ -1,8 +1,8 @@
 import { Button, Icon, Modal, ModalTrigger, Text, useToasts } from 'react-basics';
-import Icons from 'components/icons';
-import { useMessages, useModified } from 'components/hooks';
+import Icons from '@/components/icons';
+import { useMessages, useModified } from '@/components/hooks';
 import TeamAddForm from './TeamAddForm';
-import { messages } from 'components/messages';
+import { messages } from '@/components/messages';
 
 export function TeamsAddButton({ onSave }: { onSave?: () => void }) {
   const { formatMessage, labels } = useMessages();

src/app/(main)/settings/teams/TeamsDataTable.tsx

@@ -1,6 +1,6 @@
-import DataTable from 'components/common/DataTable';
-import TeamsTable from 'app/(main)/settings/teams/TeamsTable';
-import { useLogin, useTeams } from 'components/hooks';
+import DataTable from '@/components/common/DataTable';
+import TeamsTable from '@/app/(main)/settings/teams/TeamsTable';
+import { useLogin, useTeams } from '@/components/hooks';
 import { ReactNode } from 'react';
 
 export function TeamsDataTable({

src/app/(main)/settings/teams/TeamsHeader.tsx

@@ -1,7 +1,7 @@
 import { Flexbox } from 'react-basics';
-import PageHeader from 'components/layout/PageHeader';
-import { ROLES } from 'lib/constants';
-import { useLogin, useMessages } from 'components/hooks';
+import PageHeader from '@/components/layout/PageHeader';
+import { ROLES } from '@/lib/constants';
+import { useLogin, useMessages } from '@/components/hooks';
 import TeamsJoinButton from './TeamsJoinButton';
 import TeamsAddButton from './TeamsAddButton';
 

src/app/(main)/settings/teams/TeamsJoinButton.tsx

@@ -1,6 +1,6 @@
 import { Button, Icon, Modal, ModalTrigger, Text, useToasts } from 'react-basics';
-import Icons from 'components/icons';
-import { useMessages, useModified } from 'components/hooks';
+import Icons from '@/components/icons';
+import { useMessages, useModified } from '@/components/hooks';
 import TeamJoinForm from './TeamJoinForm';
 
 export function TeamsJoinButton() {

src/app/(main)/settings/teams/TeamsTable.tsx

@@ -1,8 +1,8 @@
 import { GridColumn, GridTable, Icon, Text } from 'react-basics';
-import { useMessages } from 'components/hooks';
-import Icons from 'components/icons';
-import { ROLES } from 'lib/constants';
-import LinkButton from 'components/common/LinkButton';
+import { useMessages } from '@/components/hooks';
+import Icons from '@/components/icons';
+import { ROLES } from '@/lib/constants';
+import LinkButton from '@/components/common/LinkButton';
 
 export function TeamsTable({
   data = [],

src/app/(main)/settings/users/UserAddButton.tsx

@@ -1,6 +1,6 @@
 import { Button, Icon, Text, Modal, Icons, ModalTrigger, useToasts } from 'react-basics';
 import UserAddForm from './UserAddForm';
-import { useMessages, useModified } from 'components/hooks';
+import { useMessages, useModified } from '@/components/hooks';
 
 export function UserAddButton({ onSave }: { onSave?: () => void }) {
   const { formatMessage, labels, messages } = useMessages();

src/app/(main)/settings/users/UserAddForm.tsx

@@ -10,8 +10,8 @@ import {
   SubmitButton,
   Button,
 } from 'react-basics';
-import { useApi, useMessages } from 'components/hooks';
-import { ROLES } from 'lib/constants';
+import { useApi, useMessages } from '@/components/hooks';
+import { ROLES } from '@/lib/constants';
 
 export function UserAddForm({ onSave, onClose }) {
   const { post, useMutation } = useApi();

src/app/(main)/settings/users/UserDeleteButton.tsx

@@ -1,5 +1,5 @@
 import { Button, Icon, Icons, Modal, ModalTrigger, Text } from 'react-basics';
-import { useMessages, useLogin } from 'components/hooks';
+import { useMessages, useLogin } from '@/components/hooks';
 import UserDeleteForm from './UserDeleteForm';
 
 export function UserDeleteButton({

src/app/(main)/settings/users/UserDeleteForm.tsx

@@ -1,5 +1,5 @@
-import { useApi, useMessages, useModified } from 'components/hooks';
-import ConfirmationForm from 'components/common/ConfirmationForm';
+import { useApi, useMessages, useModified } from '@/components/hooks';
+import ConfirmationForm from '@/components/common/ConfirmationForm';
 
 export function UserDeleteForm({ userId, username, onSave, onClose }) {
   const { FormattedMessage, messages, labels, formatMessage } = useMessages();

src/app/(main)/settings/users/UsersDataTable.tsx

@@ -1,5 +1,5 @@
-import DataTable from 'components/common/DataTable';
-import { useUsers } from 'components/hooks';
+import DataTable from '@/components/common/DataTable';
+import { useUsers } from '@/components/hooks';
 import UsersTable from './UsersTable';
 import { ReactNode } from 'react';
 

src/app/(main)/settings/users/UsersHeader.tsx

@@ -1,5 +1,5 @@
-import PageHeader from 'components/layout/PageHeader';
-import { useMessages } from 'components/hooks';
+import PageHeader from '@/components/layout/PageHeader';
+import { useMessages } from '@/components/hooks';
 import UserAddButton from './UserAddButton';
 
 export function UsersHeader({ onAdd }: { onAdd?: () => void }) {

src/app/(main)/settings/users/UsersTable.tsx

@@ -1,9 +1,9 @@
 import { Text, Icon, Icons, GridTable, GridColumn } from 'react-basics';
 import { formatDistance } from 'date-fns';
-import { ROLES } from 'lib/constants';
-import { useMessages, useLocale } from 'components/hooks';
+import { ROLES } from '@/lib/constants';
+import { useMessages, useLocale } from '@/components/hooks';
 import UserDeleteButton from './UserDeleteButton';
-import LinkButton from 'components/common/LinkButton';
+import LinkButton from '@/components/common/LinkButton';
 
 export function UsersTable({
   data = [],

src/app/(main)/settings/users/[userId]/UserEditForm.tsx

@@ -9,8 +9,8 @@ import {
   SubmitButton,
   PasswordField,
 } from 'react-basics';
-import { useApi, useLogin, useMessages } from 'components/hooks';
-import { ROLES } from 'lib/constants';
+import { useApi, useLogin, useMessages } from '@/components/hooks';
+import { ROLES } from '@/lib/constants';
 import { useContext, useRef } from 'react';
 import { UserContext } from './UserProvider';
 

src/app/(main)/settings/users/[userId]/UserProvider.tsx

@@ -1,5 +1,5 @@
 import { createContext, ReactNode, useEffect } from 'react';
-import { useModified, useUser } from 'components/hooks';
+import { useModified, useUser } from '@/components/hooks';
 import { Loading } from 'react-basics';
 
 export const UserContext = createContext(null);

src/app/(main)/settings/users/[userId]/UserSettings.tsx

@@ -1,12 +1,12 @@
 import { Key, useContext, useState } from 'react';
 import { Item, Tabs, useToasts } from 'react-basics';
-import Icons from 'components/icons';
+import Icons from '@/components/icons';
 import UserEditForm from './UserEditForm';
-import PageHeader from 'components/layout/PageHeader';
-import { useMessages } from 'components/hooks';
+import PageHeader from '@/components/layout/PageHeader';
+import { useMessages } from '@/components/hooks';
 import UserWebsites from './UserWebsites';
 import { UserContext } from './UserProvider';
-import Breadcrumb from 'components/common/Breadcrumb';
+import Breadcrumb from '@/components/common/Breadcrumb';
 
 export function UserSettings({ userId }: { userId: string }) {
   const { formatMessage, labels, messages } = useMessages();

src/app/(main)/settings/users/[userId]/UserWebsites.tsx

@@ -1,6 +1,6 @@
-import WebsitesTable from 'app/(main)/settings/websites/WebsitesTable';
-import DataTable from 'components/common/DataTable';
-import { useWebsites } from 'components/hooks';
+import WebsitesTable from '@/app/(main)/settings/websites/WebsitesTable';
+import DataTable from '@/components/common/DataTable';
+import { useWebsites } from '@/components/hooks';
 
 export function UserWebsites({ userId }) {
   const queryResult = useWebsites({ userId });

src/app/(main)/settings/websites/WebsiteAddButton.tsx

@@ -1,4 +1,4 @@
-import { useMessages, useModified } from 'components/hooks';
+import { useMessages, useModified } from '@/components/hooks';
 import { Button, Icon, Icons, Modal, ModalTrigger, Text, useToasts } from 'react-basics';
 import WebsiteAddForm from './WebsiteAddForm';
 

src/app/(main)/settings/websites/WebsiteAddForm.tsx

@@ -7,9 +7,9 @@ import {
   Button,
   SubmitButton,
 } from 'react-basics';
-import { useApi } from 'components/hooks';
-import { DOMAIN_REGEX } from 'lib/constants';
-import { useMessages } from 'components/hooks';
+import { useApi } from '@/components/hooks';
+import { DOMAIN_REGEX } from '@/lib/constants';
+import { useMessages } from '@/components/hooks';
 
 export function WebsiteAddForm({
   teamId,

src/app/(main)/settings/websites/WebsitesDataTable.tsx

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
-import WebsitesTable from 'app/(main)/settings/websites/WebsitesTable';
-import DataTable from 'components/common/DataTable';
-import { useWebsites } from 'components/hooks';
+import WebsitesTable from '@/app/(main)/settings/websites/WebsitesTable';
+import DataTable from '@/components/common/DataTable';
+import { useWebsites } from '@/components/hooks';
 
 export function WebsitesDataTable({
   teamId,

src/app/(main)/settings/websites/WebsitesHeader.tsx

@@ -1,5 +1,5 @@
-import { useMessages } from 'components/hooks';
-import PageHeader from 'components/layout/PageHeader';
+import { useMessages } from '@/components/hooks';
+import PageHeader from '@/components/layout/PageHeader';
 import WebsiteAddButton from './WebsiteAddButton';
 
 export interface WebsitesHeaderProps {

src/app/(main)/settings/websites/WebsitesSettingsPage.tsx

@@ -1,8 +1,8 @@
 'use client';
-import { useLogin } from 'components/hooks';
+import { useLogin } from '@/components/hooks';
 import WebsitesDataTable from './WebsitesDataTable';
 import WebsitesHeader from './WebsitesHeader';
-import { ROLES } from 'lib/constants';
+import { ROLES } from '@/lib/constants';
 
 export default function WebsitesSettingsPage({ teamId }: { teamId: string }) {
   const { user } = useLogin();

src/app/(main)/settings/websites/WebsitesTable.tsx

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { Text, Icon, Icons, GridTable, GridColumn } from 'react-basics';
-import { useMessages, useTeamUrl } from 'components/hooks';
-import LinkButton from 'components/common/LinkButton';
+import { useMessages, useTeamUrl } from '@/components/hooks';
+import LinkButton from '@/components/common/LinkButton';
 
 export interface WebsitesTableProps {
   data: any[];

src/app/(main)/settings/websites/[websiteId]/ShareUrl.tsx

@@ -9,9 +9,9 @@ import {
   LoadingButton,
 } from 'react-basics';
 import { useContext, useState } from 'react';
-import { getRandomChars } from 'lib/crypto';
-import { useApi, useMessages, useModified } from 'components/hooks';
-import { WebsiteContext } from 'app/(main)/websites/[websiteId]/WebsiteProvider';
+import { getRandomChars } from '@/lib/crypto';
+import { useApi, useMessages, useModified } from '@/components/hooks';
+import { WebsiteContext } from '@/app/(main)/websites/[websiteId]/WebsiteProvider';
 
 const generateId = () => getRandomChars(16);
 

src/app/(main)/settings/websites/[websiteId]/TrackingCode.tsx

@@ -1,5 +1,5 @@
 import { TextArea } from 'react-basics';
-import { useMessages, useConfig } from 'components/hooks';
+import { useMessages, useConfig } from '@/components/hooks';
 
 const SCRIPT_NAME = 'script.js';
 

src/app/(main)/settings/websites/[websiteId]/WebsiteData.tsx

@@ -1,10 +1,10 @@
 import { Button, Modal, ModalTrigger, ActionForm } from 'react-basics';
 import { useRouter } from 'next/navigation';
-import { useLogin, useMessages, useModified, useTeams, useTeamUrl } from 'components/hooks';
+import { useLogin, useMessages, useModified, useTeams, useTeamUrl } from '@/components/hooks';
 import WebsiteDeleteForm from './WebsiteDeleteForm';
 import WebsiteResetForm from './WebsiteResetForm';
 import WebsiteTransferForm from './WebsiteTransferForm';
-import { ROLES } from 'lib/constants';
+import { ROLES } from '@/lib/constants';
 
 export function WebsiteData({ websiteId, onSave }: { websiteId: string; onSave?: () => void }) {
   const { formatMessage, labels, messages } = useMessages();

src/app/(main)/settings/websites/[websiteId]/WebsiteDeleteForm.tsx

@@ -1,5 +1,5 @@
-import { useApi, useMessages } from 'components/hooks';
-import TypeConfirmationForm from 'components/common/TypeConfirmationForm';
+import { useApi, useMessages } from '@/components/hooks';
+import TypeConfirmationForm from '@/components/common/TypeConfirmationForm';
 
 const CONFIRM_VALUE = 'DELETE';
 

src/app/(main)/settings/websites/[websiteId]/WebsiteEditForm.tsx

@@ -1,8 +1,8 @@
 import { useContext, useRef } from 'react';
 import { SubmitButton, Form, FormInput, FormRow, FormButtons, TextField } from 'react-basics';
-import { useApi, useMessages, useModified } from 'components/hooks';
-import { DOMAIN_REGEX } from 'lib/constants';
-import { WebsiteContext } from 'app/(main)/websites/[websiteId]/WebsiteProvider';
+import { useApi, useMessages, useModified } from '@/components/hooks';
+import { DOMAIN_REGEX } from '@/lib/constants';
+import { WebsiteContext } from '@/app/(main)/websites/[websiteId]/WebsiteProvider';
 
 export function WebsiteEditForm({ websiteId, onSave }: { websiteId: string; onSave?: () => void }) {
   const website = useContext(WebsiteContext);

src/app/(main)/settings/websites/[websiteId]/WebsiteResetForm.tsx

@@ -1,5 +1,5 @@
-import { useApi, useMessages } from 'components/hooks';
-import TypeConfirmationForm from 'components/common/TypeConfirmationForm';
+import { useApi, useMessages } from '@/components/hooks';
+import TypeConfirmationForm from '@/components/common/TypeConfirmationForm';
 
 const CONFIRM_VALUE = 'RESET';
 

src/app/(main)/settings/websites/[websiteId]/WebsiteSettings.tsx

@@ -1,8 +1,8 @@
-import { WebsiteContext } from 'app/(main)/websites/[websiteId]/WebsiteProvider';
-import Breadcrumb from 'components/common/Breadcrumb';
-import { useMessages } from 'components/hooks';
-import Icons from 'components/icons';
-import PageHeader from 'components/layout/PageHeader';
+import { WebsiteContext } from '@/app/(main)/websites/[websiteId]/WebsiteProvider';
+import Breadcrumb from '@/components/common/Breadcrumb';
+import { useMessages } from '@/components/hooks';
+import Icons from '@/components/icons';
+import PageHeader from '@/components/layout/PageHeader';
 import Link from 'next/link';
 import { Key, useContext, useState } from 'react';
 import { Button, Icon, Item, Tabs, Text, useToasts } from 'react-basics';

src/app/(main)/settings/websites/[websiteId]/WebsiteSettingsPage.tsx

@@ -1,5 +1,5 @@
 'use client';
-import WebsiteProvider from 'app/(main)/websites/[websiteId]/WebsiteProvider';
+import WebsiteProvider from '@/app/(main)/websites/[websiteId]/WebsiteProvider';
 import WebsiteSettings from './WebsiteSettings';
 
 export default function WebsiteSettingsPage({ websiteId }: { websiteId: string }) {

src/app/(main)/settings/websites/[websiteId]/WebsiteTransferForm.tsx

@@ -10,9 +10,9 @@ import {
   Item,
   Flexbox,
 } from 'react-basics';
-import { useApi, useLogin, useMessages, useTeams } from 'components/hooks';
-import { WebsiteContext } from 'app/(main)/websites/[websiteId]/WebsiteProvider';
-import { ROLES } from 'lib/constants';
+import { useApi, useLogin, useMessages, useTeams } from '@/components/hooks';
+import { WebsiteContext } from '@/app/(main)/websites/[websiteId]/WebsiteProvider';
+import { ROLES } from '@/lib/constants';
 
 export function WebsiteTransferForm({
   websiteId,
@@ -71,7 +71,8 @@ export function WebsiteTransferForm({
               {result.data
                 .filter(({ teamUser }) =>
                   teamUser.find(
-                    ({ role, userId }) => [ ROLES.teamOwner, ROLES.teamManager ].includes(role) && userId === user.id,
+                    ({ role, userId }) =>
+                      [ROLES.teamOwner, ROLES.teamManager].includes(role) && userId === user.id,
                   ),
                 )
                 .map(({ id, name }) => {