Added teams pages. Refactored hooks.

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

@@ -1,9 +1,9 @@
 import { Button, Icon, Icons, Modal, ModalTrigger, Text, useToasts } from 'react-basics';
 import WebsiteAddForm from './WebsiteAddForm';
-import useMessages from 'components/hooks/useMessages';
+import { useMessages } from 'components/hooks';
 import { setValue } from 'store/cache';
 
-export function WebsiteAddButton({ onSave }: { onSave?: () => void }) {
+export function WebsiteAddButton({ teamId, onSave }: { teamId: string; onSave?: () => void }) {
   const { formatMessage, labels, messages } = useMessages();
   const { showToast } = useToasts();
 
@@ -22,7 +22,9 @@ export function WebsiteAddButton({ onSave }: { onSave?: () => void }) {
         <Text>{formatMessage(labels.addWebsite)}</Text>
       </Button>
       <Modal title={formatMessage(labels.addWebsite)}>
-        {(close: () => void) => <WebsiteAddForm onSave={handleSave} onClose={close} />}
+        {(close: () => void) => (
+          <WebsiteAddForm teamId={teamId} onSave={handleSave} onClose={close} />
+        )}
       </Modal>
     </ModalTrigger>
   );