refactor(src): ➖ remove @tabler/icons

package.json

@@ -34,7 +34,6 @@
 		"@next/bundle-analyzer": "^13.5.6",
 		"@react-three/drei": "^9.56.10",
 		"@react-three/fiber": "^8.10.1",
-		"@tabler/icons": "^1.119.0",
 		"@tabler/icons-react": "^2.35.0",
 		"@tiptap/extension-highlight": "^2.0.2",
 		"@tiptap/extension-link": "^2.0.2",

src/components/Header.tsx

@@ -28,8 +28,7 @@ import {
 	useMantineTheme,
 } from '@mantine/core';
 import { useClickOutside, useDisclosure } from '@mantine/hooks';
-import { IconSearch, IconSettings, IconSun } from '@tabler/icons';
-import { IconMoonStars, IconUser } from '@tabler/icons-react';
+import { IconMoonStars, IconSearch, IconSettings, IconSun, IconUser } from '@tabler/icons-react';
 import { motion, useScroll, useTransform } from 'framer-motion';
 import { signIn, signOut, useSession } from 'next-auth/react';
 import React, { CSSProperties, useState } from 'react';

src/components/SearchInput.tsx

@@ -2,7 +2,7 @@ import { TextInput, TextInputProps, useMantineTheme } from '@mantine/core';
 import { useEffect, useState } from 'react';
 
 import { useDebouncedValue } from '@mantine/hooks';
-import { IconSearch } from '@tabler/icons';
+import { IconSearch } from '@tabler/icons-react';
 import { useTranslation } from 'react-i18next';
 
 interface SearchInputProps {

src/components/SettingsTabs.tsx

@@ -6,7 +6,7 @@ import {
 	useMantineColorScheme,
 	useMantineTheme,
 } from '@mantine/core';
-import { IconDashboard, IconSearch, IconSend, IconSettings, IconUsers } from '@tabler/icons';
+import { IconDashboard, IconSearch, IconSend, IconSettings, IconUsers } from '@tabler/icons-react';
 
 import { useMediaQuery } from '@mantine/hooks';
 import { useSession } from 'next-auth/react';

src/components/application/questions/CheckboxQuestion.tsx

@@ -1,5 +1,5 @@
 import { Switch } from '@mantine/core';
-import { IconCheckbox } from '@tabler/icons';
+import { IconCheckbox } from '@tabler/icons-react';
 import { ApplicationQuestion } from '../../../utils/application/ApplicationQuestions';
 import Icon from '../../Icon';
 

src/components/application/questions/CityQuestion.tsx

@@ -1,7 +1,7 @@
+import { TextInput } from '@mantine/core';
+import { IconBuildingSkyscraper } from '@tabler/icons-react';
 import { ApplicationQuestion } from '../../../utils/application/ApplicationQuestions';
 import Icon from '../../Icon';
-import { IconBuildingSkyscraper } from '@tabler/icons';
-import { TextInput } from '@mantine/core';
 
 export interface CityQuestionProps extends ApplicationQuestion {
 	additionalData: {

src/components/application/questions/DropdownQuestion.tsx

@@ -1,8 +1,8 @@
 import { MultiSelect, NumberInput, TagsInput } from '@mantine/core';
 
+import { IconSelect } from '@tabler/icons-react';
 import { ApplicationQuestion } from '../../../utils/application/ApplicationQuestions';
 import Icon from '../../Icon';
-import { IconSelect } from '@tabler/icons';
 
 export interface DropdownQuestionProps extends ApplicationQuestion {
 	additionalData: {

src/components/application/questions/ImageUploadQuestion.tsx

@@ -1,7 +1,7 @@
+import { TextInput } from '@mantine/core';
+import { IconPhoto } from '@tabler/icons-react';
 import { ApplicationQuestion } from '../../../utils/application/ApplicationQuestions';
 import Icon from '../../Icon';
-import { IconPhoto } from '@tabler/icons';
-import { TextInput } from '@mantine/core';
 
 export interface ImageUploadQuestionProps extends ApplicationQuestion {
 	maxSize?: number;

src/components/application/questions/LongTextQuestion.tsx

@@ -1,8 +1,8 @@
 import { NumberInput, Textarea } from '@mantine/core';
 
+import { IconTextSize } from '@tabler/icons-react';
 import { ApplicationQuestion } from '../../../utils/application/ApplicationQuestions';
 import Icon from '../../Icon';
-import { IconTextSize } from '@tabler/icons';
 
 export interface LongTextQuestionProps extends ApplicationQuestion {
 	additionalData: {

src/components/application/questions/MinecraftQuestion.tsx

@@ -1,7 +1,7 @@
+import { TextInput } from '@mantine/core';
+import { IconDeviceGamepad } from '@tabler/icons-react';
 import { ApplicationQuestion } from '../../../utils/application/ApplicationQuestions';
 import Icon from '../../Icon';
-import { IconDeviceGamepad } from '@tabler/icons';
-import { TextInput } from '@mantine/core';
 
 export interface MinecraftQuestionProps extends ApplicationQuestion {
 	additionalData: {};

src/components/application/questions/SliderQuestion.tsx

@@ -1,5 +1,5 @@
 import { Group, Input, NumberInput, Slider, Stack, TextInput } from '@mantine/core';
-import { IconAdjustments, IconTextSize } from '@tabler/icons';
+import { IconAdjustments, IconTextSize } from '@tabler/icons-react';
 
 import { ApplicationQuestion } from '../../../utils/application/ApplicationQuestions';
 import Icon from '../../Icon';

src/components/application/questions/TextQuestion.tsx

@@ -1,8 +1,8 @@
 import { NumberInput, TextInput } from '@mantine/core';
 
+import { IconTextSize } from '@tabler/icons-react';
 import { ApplicationQuestion } from '../../../utils/application/ApplicationQuestions';
 import Icon from '../../Icon';
-import { IconTextSize } from '@tabler/icons';
 
 export interface TextQuestionProps extends ApplicationQuestion {
 	additionalData: {

src/components/application/questions/UrlQuestion.tsx

@@ -1,10 +1,9 @@
 import { ActionIcon, TextInput } from '@mantine/core';
 
+import { IconExternalLink, IconLink } from '@tabler/icons-react';
+import Link from 'next/link';
 import { ApplicationQuestion } from '../../../utils/application/ApplicationQuestions';
 import Icon from '../../Icon';
-import { IconExternalLink } from '@tabler/icons-react';
-import { IconLink } from '@tabler/icons';
-import Link from 'next/link';
 
 export interface UrlQuestionProps extends ApplicationQuestion {
 	additionalData: {};

src/components/map/Map.tsx

@@ -4,11 +4,11 @@ import 'mapbox-gl/dist/mapbox-gl.css';
 import * as React from 'react';
 
 import { LoadingOverlay, useMantineColorScheme, useMantineTheme } from '@mantine/core';
-import { MapboxStyleDefinition, MapboxStyleSwitcherControl } from 'mapbox-gl-style-switcher';
 import mapboxgl, { GeolocateControl } from 'mapbox-gl';
+import { MapboxStyleDefinition, MapboxStyleSwitcherControl } from 'mapbox-gl-style-switcher';
 
-import { IconCheck } from '@tabler/icons';
 import { showNotification } from '@mantine/notifications';
+import { IconCheck } from '@tabler/icons-react';
 import { useRouter } from 'next/router';
 
 interface IMap {

src/pages/faq/index.tsx

@@ -1,6 +1,6 @@
 import { Accordion, Button, Flex } from '@mantine/core';
 
-import { IconEdit } from '@tabler/icons';
+import { IconEdit } from '@tabler/icons-react';
 import { NextPage } from 'next';
 import { useTranslation } from 'next-i18next';
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations';

src/pages/faq/manage.tsx

@@ -1,5 +1,5 @@
 import { ActionIcon, Button, Group, Input, SimpleGrid, TextInput } from '@mantine/core';
-import { IconCheck, IconChevronLeft, IconPlus, IconQuestionMark } from '@tabler/icons';
+import { IconCheck, IconChevronLeft, IconPlus, IconQuestionMark } from '@tabler/icons-react';
 import useSWR, { mutate } from 'swr';
 
 import { useForm } from '@mantine/form';

src/pages/join/build.tsx

@@ -12,7 +12,7 @@ import {
 	useMantineColorScheme,
 	useMantineTheme,
 } from '@mantine/core';
-import { IconChevronDown, IconChevronLeft } from '@tabler/icons';
+import { IconChevronDown, IconChevronLeft } from '@tabler/icons-react';
 import { motion, useScroll, useTransform } from 'framer-motion';
 
 import { NextPage } from 'next';

src/pages/join/visit.tsx

@@ -21,7 +21,7 @@ import {
 	IconPrompt,
 	IconSearch,
 	IconServer,
-} from '@tabler/icons';
+} from '@tabler/icons-react';
 import { motion, useScroll, useTransform } from 'framer-motion';
 
 import { NextPage } from 'next';

src/pages/map.tsx

@@ -4,8 +4,7 @@ import { Spotlight, spotlight } from '@mantine/spotlight';
 import { useEffect, useState } from 'react';
 import Map, { mapClickEvent, mapCopyCoordinates, mapCursorHover } from '../components/map/Map';
 
-import { IconPin } from '@tabler/icons';
-import { IconSearch } from '@tabler/icons-react';
+import { IconPin, IconSearch } from '@tabler/icons-react';
 import mapboxgl from 'mapbox-gl';
 import { NextPage } from 'next';
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations';

src/pages/teams/[team]/apply.tsx

@@ -1,21 +1,21 @@
 import { Alert, Button, SegmentedControl, Skeleton, useMantineTheme } from '@mantine/core';
-import { IconAlertCircle, IconCheck } from '@tabler/icons';
+import { IconAlertCircle, IconCheck } from '@tabler/icons-react';
 import { signIn, useSession } from 'next-auth/react';
 import useSWR, { mutate } from 'swr';
 
-import { useForm } from '@mantine/form';
-import { showNotification } from '@mantine/notifications';
+import { ApplicationQuestions } from '../../../utils/application/ApplicationQuestions';
 import { IconChevronLeft } from '@tabler/icons-react';
 import { NextPage } from 'next';
+import Page from '../../../components/Page';
+import fetcher from '../../../utils/Fetcher';
+import sanitize from 'sanitize-html';
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
+import { showNotification } from '@mantine/notifications';
+import { useForm } from '@mantine/form';
 import { useRouter } from 'next/router';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import sanitize from 'sanitize-html';
-import Page from '../../../components/Page';
 import { useUser } from '../../../hooks/useUser';
-import fetcher from '../../../utils/Fetcher';
-import { ApplicationQuestions } from '../../../utils/application/ApplicationQuestions';
 
 const Apply: NextPage = ({ data, buildteam }: any) => {
 	const router = useRouter();

src/pages/teams/[team]/manage/apply.tsx

@@ -15,7 +15,13 @@ import {
 	Title,
 	useMantineTheme,
 } from '@mantine/core';
-import { IconCheck, IconChevronDown, IconChevronUp, IconLetterT, IconPlus } from '@tabler/icons';
+import {
+	IconCheck,
+	IconChevronDown,
+	IconChevronUp,
+	IconLetterT,
+	IconPlus,
+} from '@tabler/icons-react';
 import Question, { EditQuestion } from '../../../../components/application/questions/Question';
 import {
 	ApplicationQuestions,

src/pages/teams/[team]/manage/images.tsx

@@ -10,7 +10,7 @@ import {
 	Tooltip,
 	rem,
 } from '@mantine/core';
-import { IconPlus, IconTrash } from '@tabler/icons';
+import { IconPlus, IconTrash } from '@tabler/icons-react';
 import useSWR, { mutate } from 'swr';
 
 import { DateInput } from '@mantine/dates';

src/pages/teams/[team]/manage/members.tsx

@@ -12,7 +12,7 @@ import {
 	Title,
 	rem,
 } from '@mantine/core';
-import { IconPencil, IconPlus, IconTrash } from '@tabler/icons';
+import { IconPencil, IconPlus, IconTrash } from '@tabler/icons-react';
 import useSWR, { mutate } from 'swr';
 
 import { modals } from '@mantine/modals';

src/pages/teams/[team]/manage/review/index.tsx

@@ -8,7 +8,7 @@ import {
 	Tooltip,
 	useMantineTheme,
 } from '@mantine/core';
-import { IconCheck, IconClock, IconQuestionMark, IconX } from '@tabler/icons';
+import { IconCheck, IconClock, IconQuestionMark, IconX } from '@tabler/icons-react';
 
 import { IconChevronRight } from '@tabler/icons-react';
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations';

src/pages/teams/[team]/manage/settings.tsx

@@ -14,7 +14,7 @@ import {
 	useMantineColorScheme,
 	useMantineTheme,
 } from '@mantine/core';
-import { IconAlertCircle, IconCheck, IconPlus, IconTrash } from '@tabler/icons';
+import { IconAlertCircle, IconCheck, IconPlus, IconTrash } from '@tabler/icons-react';
 import { useEffect, useState } from 'react';
 
 import { showNotification } from '@mantine/notifications';

src/utils/OSM.tsx

@@ -3,15 +3,16 @@ import {
 	IconBuilding,
 	IconBuildingBridge,
 	IconFiretruck,
+	IconLineDashed,
 	IconPin,
 	IconPlaneTilt,
 	IconRoad,
 	IconShip,
 	IconTank,
 	IconTractor,
 	IconTrain,
-} from '@tabler/icons';
-import { IconLineDashed, IconTree } from '@tabler/icons-react';
+	IconTree,
+} from '@tabler/icons-react';
 
 export function osmTypeToReadable(feature: any): {
 	description: string;