Imported libraries, removed next-basics.

src/app/(main)/NavBar.tsx

@@ -1,4 +1,5 @@
 'use client';
+import { useEffect } from 'react';
 import { Icon, Text } from 'react-basics';
 import Link from 'next/link';
 import classNames from 'classnames';
@@ -9,9 +10,8 @@ import ProfileButton from 'components/input/ProfileButton';
 import TeamsButton from 'components/input/TeamsButton';
 import Icons from 'components/icons';
 import { useMessages, useNavigation, useTeamUrl } from 'components/hooks';
+import { getItem, setItem } from 'lib/storage';
 import styles from './NavBar.module.css';
-import { useEffect } from 'react';
-import { getItem, setItem } from 'next-basics';
 
 export function NavBar() {
   const { formatMessage, labels } = useMessages();

src/app/(main)/UpdateNotice.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useCallback, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { Button } from 'react-basics';
-import { setItem } from 'next-basics';
+import { setItem } from 'lib/storage';
 import useStore, { checkVersion } from 'store/version';
 import { REPO_URL, VERSION_CHECK } from 'lib/constants';
 import { useMessages } from 'components/hooks';

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

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

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

@@ -9,7 +9,7 @@ import {
   Flexbox,
   useToasts,
 } from 'react-basics';
-import { getRandomChars } from 'next-basics';
+import { getRandomChars } from 'lib/crypto';
 import { useContext, useRef, useState } from 'react';
 import { useApi, useMessages, useModified } from 'components/hooks';
 import { TeamContext } from 'app/(main)/teams/[teamId]/TeamProvider';

src/app/(main)/websites/[websiteId]/realtime/RealtimeLog.tsx

@@ -6,7 +6,6 @@ import Icons from 'components/icons';
 import { BROWSERS, OS_NAMES } from 'lib/constants';
 import { stringToColor } from 'lib/format';
 import { RealtimeData } from 'lib/types';
-import { safeDecodeURI } from 'next-basics';
 import { useContext, useMemo, useState } from 'react';
 import { Icon, SearchField, StatusLight, Text } from 'react-basics';
 import { FixedSizeList } from 'react-window';
@@ -99,7 +98,7 @@ export function RealtimeLog({ data }: { data: RealtimeData }) {
           target="_blank"
           rel="noreferrer noopener"
         >
-          {safeDecodeURI(url)}
+          {url}
         </a>
       );
     }