import grouping and sorting with Prettier plugin

app/[lang]/components/Footer.tsx

@@ -1,6 +1,7 @@
+import { useTranslations } from "next-intl";
 import Link from "next-intl/link";
 import { FaGithub, FaRegEnvelope } from "react-icons/fa";
-import { useTranslations } from "next-intl";
+
 import ThemeSwitcher from "@/app/[lang]/components/ThemeSwitcher";
 
 export default function Footer() {

app/[lang]/components/Hamburger.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { useRef, useState } from "react";
+
 import { twMerge } from "tailwind-merge";
 
 import HamburgerMenu from "./HamburgerMenu";

app/[lang]/components/HamburgerMenu.tsx

@@ -1,16 +1,17 @@
+import { Dispatch, RefObject, SetStateAction, useRef, useState } from "react";
+
+import { useTranslations } from "next-intl";
+import Link from "next-intl/link";
+import { twMerge } from "tailwind-merge";
+
+import useHamburgerClose from "@/hooks/useHamburgerClose";
+
 interface HamburgerMenuState {
   menuVisible: boolean;
   setMenuVisible: Dispatch<SetStateAction<boolean>>;
   hamburgerButtonRef: RefObject<HTMLDivElement>;
 }
 
-import { Dispatch, RefObject, SetStateAction, useRef, useState } from "react";
-import { twMerge } from "tailwind-merge";
-import Link from "next-intl/link";
-import { useTranslations } from "next-intl";
-
-import useHamburgerClose from "@/hooks/useHamburgerClose";
-
 const HamburgerMenu = ({
   menuVisible,
   setMenuVisible,

app/[lang]/components/InfoMessage.tsx

@@ -1,6 +1,7 @@
-import { ResponseMessage } from "@/types";
 import { Dispatch, SetStateAction } from "react";
 
+import { ResponseMessage } from "@/types";
+
 const InfoMessage = ({
   responseMessage,
 }: {

app/[lang]/components/MapEvents.tsx

@@ -1,9 +1,11 @@
 import { useEffect } from "react";
+
 import { useSetAtom } from "jotai";
-import { mapBoundsAtom } from "@/app/atoms";
 import L from "leaflet";
 import { useMapEvent } from "react-leaflet";
 
+import { mapBoundsAtom } from "@/app/atoms";
+
 const MapEvents = () => {
   const setMapBounds = useSetAtom(mapBoundsAtom);
 

app/[lang]/components/Navbar.tsx

@@ -1,5 +1,5 @@
-import Link from "next-intl/link";
 import { useTranslations } from "next-intl";
+import Link from "next-intl/link";
 
 import Hamburger from "./Hamburger";
 

app/[lang]/components/TestableLayout.tsx

@@ -1,10 +1,11 @@
-import { NextIntlClientProvider, AbstractIntlMessages } from "next-intl";
 import { ReactNode } from "react";
 
+import { AbstractIntlMessages, NextIntlClientProvider } from "next-intl";
+
 import "@/css/globals.css";
 
-import Navbar from "./Navbar";
 import Footer from "./Footer";
+import Navbar from "./Navbar";
 
 const TestableLayout = ({
   children,

app/[lang]/components/ThemeSwitcher.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { useEffect, useState } from "react";
+
 import useDarkMode from "@/hooks/useDarkMode";
 
 const ThemeSwitcher = () => {