Changed route ids to be more explicit.

src/app/(main)/settings/teams/[teamId]/TeamSettings.tsx

@@ -1,6 +1,6 @@
 'use client';
 import { useState } from 'react';
-import { Item, Loading, Tabs, Flexbox } from 'react-basics';
+import { Item, Loading, Tabs, Flexbox, Text, Icon } from 'react-basics';
 import TeamsContext from 'app/(main)/teams/TeamsContext';
 import PageHeader from 'components/layout/PageHeader';
 import { ROLES } from 'lib/constants';
@@ -10,6 +10,7 @@ import TeamEditForm from './TeamEditForm';
 import TeamMembers from './TeamMembers';
 import TeamWebsites from './TeamWebsites';
 import TeamData from './TeamData';
+import LinkButton from 'components/common/LinkButton';
 
 export function TeamSettings({ teamId }: { teamId: string }) {
   const { formatMessage, labels } = useMessages();
@@ -28,7 +29,14 @@ export function TeamSettings({ teamId }: { teamId: string }) {
   return (
     <TeamsContext.Provider value={team}>
       <Flexbox direction="column">
-        <PageHeader title={team?.name} icon={<Icons.Users />} />
+        <PageHeader title={team?.name} icon={<Icons.Users />}>
+          <LinkButton href={`/teams/${teamId}`} variant="primary">
+            <Icon>
+              <Icons.External />
+            </Icon>
+            <Text>{formatMessage(labels.view)}</Text>
+          </LinkButton>
+        </PageHeader>
         <Tabs
           selectedKey={tab}
           onSelect={(value: any) => setTab(value)}

src/app/(main)/settings/teams/[teamId]/page.tsx

@@ -1,9 +1,9 @@
 import TeamSettings from './TeamSettings';
 
-export default function ({ params }) {
+export default function ({ params: { teamId } }) {
   if (process.env.cloudMode) {
     return null;
   }
 
-  return <TeamSettings teamId={params.id} />;
+  return <TeamSettings teamId={teamId} />;
 }

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

@@ -1,9 +1,9 @@
 import UserSettings from './UserSettings';
 
-export default function ({ params }) {
+export default function ({ params: { userId } }) {
   if (process.env.cloudMode) {
     return null;
   }
 
-  return <UserSettings userId={params.id} />;
+  return <UserSettings userId={userId} />;
 }

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

@@ -4,12 +4,12 @@ import { Item, Tabs, Button, Text, Icon, Loading } from 'react-basics';
 import Link from 'next/link';
 import Icons from 'components/icons';
 import PageHeader from 'components/layout/PageHeader';
-import WebsiteEditForm from './[id]/WebsiteEditForm';
-import WebsiteData from './[id]/WebsiteData';
-import TrackingCode from './[id]/TrackingCode';
-import ShareUrl from './[id]/ShareUrl';
+import WebsiteEditForm from './[websiteId]/WebsiteEditForm';
+import WebsiteData from './[websiteId]/WebsiteData';
+import TrackingCode from './[websiteId]/TrackingCode';
+import ShareUrl from './[websiteId]/ShareUrl';
 import { useWebsite, useMessages } from 'components/hooks';
-import WebsiteContext from 'app/(main)/websites/[id]/WebsiteContext';
+import WebsiteContext from '../../websites/[websiteId]/WebsiteContext';
 
 export function WebsiteSettings({ websiteId, openExternal = false }) {
   const { formatMessage, labels } = useMessages();

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

@@ -1,12 +1,14 @@
 import { TextArea } from 'react-basics';
 import { useMessages, useConfig } from 'components/hooks';
 
+const SCRIPT_NAME = 'script.js';
+
 export function TrackingCode({ websiteId, hostUrl }: { websiteId: string; hostUrl?: string }) {
   const { formatMessage, messages } = useMessages();
   const config = useConfig();
 
   const trackerScriptName =
-    config?.trackerScriptName?.split(',')?.map((n: string) => n.trim())?.[0] || 'script.js';
+    config?.trackerScriptName?.split(',')?.map((n: string) => n.trim())?.[0] || SCRIPT_NAME;
 
   const url = trackerScriptName?.startsWith('http')
     ? trackerScriptName