Added import prettrier and ran it

package-lock.json

@@ -28,6 +28,7 @@
         "@types/react-dom": "^17.0.13",
         "eslint": "8.10.0",
         "eslint-config-next": "12.1.0",
+        "prettier-plugin-organize-imports": "^2.3.4",
         "tailwindcss": "^3.0.23",
         "typescript": "4.6.2"
       }
@@ -3003,6 +3004,32 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/prettier": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.6.1.tgz",
+      "integrity": "sha512-8UVbTBYGwN37Bs9LERmxCPjdvPxlEowx2urIL6urHzdb3SDq4B/Z6xLFCblrSnE4iKWcS6ziJ3aOYrc1kz/E2A==",
+      "dev": true,
+      "peer": true,
+      "bin": {
+        "prettier": "bin-prettier.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
+    "node_modules/prettier-plugin-organize-imports": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/prettier-plugin-organize-imports/-/prettier-plugin-organize-imports-2.3.4.tgz",
+      "integrity": "sha512-R8o23sf5iVL/U71h9SFUdhdOEPsi3nm42FD/oDYIZ2PQa4TNWWuWecxln6jlIQzpZTDMUeO1NicJP6lLn2TtRw==",
+      "dev": true,
+      "peerDependencies": {
+        "prettier": ">=2.0",
+        "typescript": ">=2.9"
+      }
+    },
     "node_modules/prop-types": {
       "version": "15.8.1",
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
@@ -5843,6 +5870,20 @@
       "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
       "dev": true
     },
+    "prettier": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.6.1.tgz",
+      "integrity": "sha512-8UVbTBYGwN37Bs9LERmxCPjdvPxlEowx2urIL6urHzdb3SDq4B/Z6xLFCblrSnE4iKWcS6ziJ3aOYrc1kz/E2A==",
+      "dev": true,
+      "peer": true
+    },
+    "prettier-plugin-organize-imports": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/prettier-plugin-organize-imports/-/prettier-plugin-organize-imports-2.3.4.tgz",
+      "integrity": "sha512-R8o23sf5iVL/U71h9SFUdhdOEPsi3nm42FD/oDYIZ2PQa4TNWWuWecxln6jlIQzpZTDMUeO1NicJP6lLn2TtRw==",
+      "dev": true,
+      "requires": {}
+    },
     "prop-types": {
       "version": "15.8.1",
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",

package.json

@@ -30,6 +30,7 @@
     "@types/react-dom": "^17.0.13",
     "eslint": "8.10.0",
     "eslint-config-next": "12.1.0",
+    "prettier-plugin-organize-imports": "^2.3.4",
     "tailwindcss": "^3.0.23",
     "typescript": "4.6.2"
   }

src/components/AppLayout.tsx

@@ -1,17 +1,17 @@
-import { StrapiImage } from "graphql/operations-types";
-import MainPanel from "./Panels/MainPanel";
-import Head from "next/head";
-import { useSwipeable } from "react-swipeable";
-import { useRouter } from "next/router";
 import Button from "components/Button";
-import { getOgImage, OgImage } from "queries/helpers";
-import { useMediaCoarse, useMediaMobile } from "hooks/useMediaQuery";
 import { useAppLayout } from "contexts/AppLayoutContext";
-import { ImageQuality } from "./Img";
-import Popup from "./Popup";
-import { useEffect, useState } from "react";
-import Select from "./Select";
+import { StrapiImage } from "graphql/operations-types";
+import { useMediaCoarse, useMediaMobile } from "hooks/useMediaQuery";
+import Head from "next/head";
+import { useRouter } from "next/router";
 import { AppStaticProps } from "queries/getAppStaticProps";
+import { getOgImage, OgImage } from "queries/helpers";
+import { useEffect, useState } from "react";
+import { useSwipeable } from "react-swipeable";
+import { ImageQuality } from "./Img";
+import MainPanel from "./Panels/MainPanel";
+import Popup from "./Popup";
+import Select from "./Select";
 
 interface AppLayoutProps extends AppStaticProps {
   subPanel?: React.ReactNode;

src/components/Chip.tsx

@@ -1,5 +1,3 @@
-import { MouseEventHandler } from "react";
-
 type ChipProps = {
   className?: string;
   children: React.ReactNode;

src/components/Content/ThumbnailHeader.tsx

@@ -1,11 +1,11 @@
+import Chip from "components/Chip";
+import Img, { ImageQuality } from "components/Img";
+import InsetBox from "components/InsetBox";
 import {
   GetContentQuery,
   GetWebsiteInterfaceQuery,
 } from "graphql/operations-types";
 import { prettyinlineTitle, prettySlug, slugify } from "queries/helpers";
-import Img, { ImageQuality } from "components/Img";
-import InsetBox from "components/InsetBox";
-import Chip from "components/Chip";
 
 export type ThumbnailHeaderProps = {
   pre_title?: string;

src/components/Img.tsx

@@ -1,6 +1,5 @@
 import { StrapiImage } from "graphql/operations-types";
-import { ImageProps } from "next/image";
-import Image from "next/image";
+import Image, { ImageProps } from "next/image";
 
 export enum ImageQuality {
   Small = "small",

src/components/Library/LibraryContentPreview.tsx

@@ -1,8 +1,8 @@
-import Link from "next/link";
-import { GetContentsQuery } from "graphql/operations-types";
-import { prettySlug } from "queries/helpers";
 import Chip from "components/Chip";
 import Img, { ImageQuality } from "components/Img";
+import { GetContentsQuery } from "graphql/operations-types";
+import Link from "next/link";
+import { prettySlug } from "queries/helpers";
 
 export type LibraryContentPreviewProps = {
   item: {

src/components/Library/LibraryItemsPreview.tsx

@@ -1,12 +1,12 @@
-import Link from "next/link";
+import Chip from "components/Chip";
+import Img, { ImageQuality } from "components/Img";
+import { useAppLayout } from "contexts/AppLayoutContext";
 import {
   GetCurrenciesQuery,
   GetLibraryItemsPreviewQuery,
 } from "graphql/operations-types";
-import { prettyDate, prettyPrice, prettyItemSubType } from "queries/helpers";
-import Chip from "components/Chip";
-import Img, { ImageQuality } from "components/Img";
-import { useAppLayout } from "contexts/AppLayoutContext";
+import Link from "next/link";
+import { prettyDate, prettyItemSubType, prettyPrice } from "queries/helpers";
 
 export type LibraryItemsPreviewProps = {
   className?: string;

src/components/News/PostsPreview.tsx

@@ -1,8 +1,8 @@
-import Link from "next/link";
-import { prettyDate, prettySlug } from "queries/helpers";
 import Chip from "components/Chip";
 import Img, { ImageQuality } from "components/Img";
 import { GetPostsPreviewQuery } from "graphql/operations-types";
+import Link from "next/link";
+import { prettyDate, prettySlug } from "queries/helpers";
 
 export type PostPreviewProps = {
   post: {

src/components/PanelComponents/NavOption.tsx

@@ -1,7 +1,7 @@
-import { useRouter } from "next/router";
-import Link from "next/link";
-import { MouseEventHandler } from "react";
 import ToolTip from "components/ToolTip";
+import Link from "next/link";
+import { useRouter } from "next/router";
+import { MouseEventHandler } from "react";
 
 type NavOptionProps = {
   url: string;

src/components/Panels/MainPanel.tsx

@@ -1,13 +1,13 @@
-import Link from "next/link";
-import NavOption from "components/PanelComponents/NavOption";
-import { useRouter } from "next/router";
 import Button from "components/Button";
 import HorizontalLine from "components/HorizontalLine";
-import { GetWebsiteInterfaceQuery } from "graphql/operations-types";
-import Markdown from "markdown-to-jsx";
-import { useMediaDesktop } from "hooks/useMediaQuery";
-import { useAppLayout } from "contexts/AppLayoutContext";
+import NavOption from "components/PanelComponents/NavOption";
 import ToolTip from "components/ToolTip";
+import { useAppLayout } from "contexts/AppLayoutContext";
+import { GetWebsiteInterfaceQuery } from "graphql/operations-types";
+import { useMediaDesktop } from "hooks/useMediaQuery";
+import Markdown from "markdown-to-jsx";
+import Link from "next/link";
+import { useRouter } from "next/router";
 
 type MainPanelProps = {
   langui: GetWebsiteInterfaceQuery["websiteInterfaces"]["data"][number]["attributes"];

src/graphql/operations.ts

@@ -1,5 +1,4 @@
 import { readFileSync } from "fs";
-
 import {
   GetChronologyItemsQuery,
   GetChronologyItemsQueryVariables,

src/pages/404.tsx

@@ -1,9 +1,9 @@
-import ContentPanel from "components/Panels/ContentPanel";
-import { GetStaticProps } from "next";
 import AppLayout from "components/AppLayout";
 import ReturnButton, {
   ReturnButtonType,
 } from "components/PanelComponents/ReturnButton";
+import ContentPanel from "components/Panels/ContentPanel";
+import { GetStaticProps } from "next";
 import { AppStaticProps, getAppStaticProps } from "queries/getAppStaticProps";
 
 interface FourOhFourProps extends AppStaticProps {}

src/pages/_app.tsx

@@ -1,13 +1,12 @@
-import type { AppProps } from "next/app";
-import "tailwind.css";
-import "@fontsource/zen-maru-gothic/500.css";
-import "@fontsource/zen-maru-gothic/900.css";
-import "@fontsource/vollkorn/700.css";
+import "@fontsource/material-icons";
 import "@fontsource/opendyslexic/400.css";
 import "@fontsource/opendyslexic/700.css";
-import "@fontsource/material-icons";
-
+import "@fontsource/vollkorn/700.css";
+import "@fontsource/zen-maru-gothic/500.css";
+import "@fontsource/zen-maru-gothic/900.css";
 import { AppContextProvider } from "contexts/AppLayoutContext";
+import type { AppProps } from "next/app";
+import "tailwind.css";
 
 export default function AccordsLibraryApp(props: AppProps) {
   return (

src/pages/_document.tsx

@@ -1,9 +1,9 @@
 import Document, {
-  Html,
+  DocumentContext,
   Head,
+  Html,
   Main,
   NextScript,
-  DocumentContext,
 } from "next/document";
 
 class MyDocument extends Document {

src/pages/about-us/contact.tsx

@@ -1,21 +1,21 @@
-import SubPanel from "components/Panels/SubPanel";
-import { AppStaticProps, getAppStaticProps } from "queries/getAppStaticProps";
+import AppLayout from "components/AppLayout";
+import InsetBox from "components/InsetBox";
+import LanguageSwitcher from "components/LanguageSwitcher";
+import Markdawn from "components/Markdown/Markdawn";
+import TOC from "components/Markdown/TOC";
 import ReturnButton, {
   ReturnButtonType,
 } from "components/PanelComponents/ReturnButton";
-import AppLayout from "components/AppLayout";
 import ContentPanel from "components/Panels/ContentPanel";
-import { GetStaticProps } from "next";
+import SubPanel from "components/Panels/SubPanel";
 import { getPost, getPostLanguages } from "graphql/operations";
 import { GetPostQuery } from "graphql/operations-types";
+import { GetStaticProps } from "next";
 import { useRouter } from "next/router";
-import LanguageSwitcher from "components/LanguageSwitcher";
-import Markdawn from "components/Markdown/Markdawn";
 import { RequestMailProps, ResponseMailProps } from "pages/api/mail";
-import { useState } from "react";
-import InsetBox from "components/InsetBox";
+import { AppStaticProps, getAppStaticProps } from "queries/getAppStaticProps";
 import { randomInt } from "queries/helpers";
-import TOC from "components/Markdown/TOC";
+import { useState } from "react";
 
 interface ContactProps extends AppStaticProps {
   post: GetPostQuery["posts"]["data"][number]["attributes"];

src/pages/about-us/index.tsx

@@ -1,9 +1,9 @@
-import SubPanel from "components/Panels/SubPanel";
-import PanelHeader from "components/PanelComponents/PanelHeader";
-import { GetStaticProps } from "next";
 import AppLayout from "components/AppLayout";
-import { AppStaticProps, getAppStaticProps } from "queries/getAppStaticProps";
 import NavOption from "components/PanelComponents/NavOption";
+import PanelHeader from "components/PanelComponents/PanelHeader";
+import SubPanel from "components/Panels/SubPanel";
+import { GetStaticProps } from "next";
+import { AppStaticProps, getAppStaticProps } from "queries/getAppStaticProps";
 
 interface AboutUsProps extends AppStaticProps {}
 

src/pages/archives/index.tsx

@@ -1,7 +1,7 @@
-import SubPanel from "components/Panels/SubPanel";
-import PanelHeader from "components/PanelComponents/PanelHeader";
-import { GetStaticProps } from "next";
 import AppLayout from "components/AppLayout";
+import PanelHeader from "components/PanelComponents/PanelHeader";
+import SubPanel from "components/Panels/SubPanel";
+import { GetStaticProps } from "next";
 import { AppStaticProps, getAppStaticProps } from "queries/getAppStaticProps";
 
 interface ArchivesProps extends AppStaticProps {}

src/pages/chronicles/index.tsx

@@ -1,7 +1,7 @@
-import SubPanel from "components/Panels/SubPanel";
-import PanelHeader from "components/PanelComponents/PanelHeader";
-import { GetStaticProps } from "next";
 import AppLayout from "components/AppLayout";
+import PanelHeader from "components/PanelComponents/PanelHeader";
+import SubPanel from "components/Panels/SubPanel";
+import { GetStaticProps } from "next";
 import { AppStaticProps, getAppStaticProps } from "queries/getAppStaticProps";
 
 interface ChroniclesProps extends AppStaticProps {}

src/pages/contents/[slug]/index.tsx

@@ -1,17 +1,17 @@
-import { GetStaticPaths, GetStaticProps } from "next";
-import { getContent, getContentsSlugs } from "graphql/operations";
-import { GetContentQuery } from "graphql/operations-types";
-import ContentPanel from "components/Panels/ContentPanel";
-import Button from "components/Button";
-import HorizontalLine from "components/HorizontalLine";
-import ThumbnailHeader from "components/Content/ThumbnailHeader";
 import AppLayout from "components/AppLayout";
-import SubPanel from "components/Panels/SubPanel";
+import Button from "components/Button";
+import ThumbnailHeader from "components/Content/ThumbnailHeader";
+import HorizontalLine from "components/HorizontalLine";
 import ReturnButton, {
   ReturnButtonType,
 } from "components/PanelComponents/ReturnButton";
-import { prettyinlineTitle, prettySlug } from "queries/helpers";
+import ContentPanel from "components/Panels/ContentPanel";
+import SubPanel from "components/Panels/SubPanel";
+import { getContent, getContentsSlugs } from "graphql/operations";
+import { GetContentQuery } from "graphql/operations-types";
+import { GetStaticPaths, GetStaticProps } from "next";
 import { AppStaticProps, getAppStaticProps } from "queries/getAppStaticProps";
+import { prettyinlineTitle, prettySlug } from "queries/helpers";
 
 interface ContentIndexProps extends AppStaticProps {
   content: GetContentQuery["contents"]["data"][number]["attributes"];

src/pages/contents/[slug]/read.tsx

@@ -1,19 +1,27 @@
-import { GetStaticPaths, GetStaticProps } from "next";
+import AppLayout from "components/AppLayout";
+import Button from "components/Button";
+import Chip from "components/Chip";
+import ThumbnailHeader from "components/Content/ThumbnailHeader";
+import HorizontalLine from "components/HorizontalLine";
+import LanguageSwitcher from "components/LanguageSwitcher";
+import Markdawn from "components/Markdown/Markdawn";
+import TOC from "components/Markdown/TOC";
+import ReturnButton, {
+  ReturnButtonType,
+} from "components/PanelComponents/ReturnButton";
+import ContentPanel from "components/Panels/ContentPanel";
+import SubPanel from "components/Panels/SubPanel";
+import RecorderChip from "components/RecorderChip";
+import ToolTip from "components/ToolTip";
 import {
   getContentLanguages,
   getContentsSlugs,
   getContentText,
 } from "graphql/operations";
 import { GetContentTextQuery } from "graphql/operations-types";
-import ContentPanel from "components/Panels/ContentPanel";
-import HorizontalLine from "components/HorizontalLine";
-import SubPanel from "components/Panels/SubPanel";
-import ReturnButton, {
-  ReturnButtonType,
-} from "components/PanelComponents/ReturnButton";
-import ThumbnailHeader from "components/Content/ThumbnailHeader";
-import AppLayout from "components/AppLayout";
-import Markdawn from "components/Markdown/Markdawn";
+import { GetStaticPaths, GetStaticProps } from "next";
+import { useRouter } from "next/router";
+import { AppStaticProps, getAppStaticProps } from "queries/getAppStaticProps";
 import {
   getStatusDescription,
   prettyinlineTitle,
@@ -22,14 +30,6 @@ import {
   prettyTestError,
   prettyTestWarning,
 } from "queries/helpers";
-import Button from "components/Button";
-import { useRouter } from "next/router";
-import Chip from "components/Chip";
-import RecorderChip from "components/RecorderChip";
-import { AppStaticProps, getAppStaticProps } from "queries/getAppStaticProps";
-import TOC from "components/Markdown/TOC";
-import ToolTip from "components/ToolTip";
-import LanguageSwitcher from "components/LanguageSwitcher";
 
 interface ContentReadProps extends AppStaticProps {
   content: GetContentTextQuery["contents"]["data"][number]["attributes"];

src/pages/contents/index.tsx

@@ -1,21 +1,21 @@
-import { GetStaticProps } from "next";
-import SubPanel from "components/Panels/SubPanel";
+import AppLayout from "components/AppLayout";
+import Chip from "components/Chip";
+import LibraryContentPreview from "components/Library/LibraryContentPreview";
+import PanelHeader from "components/PanelComponents/PanelHeader";
 import ContentPanel, {
   ContentPanelWidthSizes,
 } from "components/Panels/ContentPanel";
+import SubPanel from "components/Panels/SubPanel";
+import Select from "components/Select";
+import { getContents } from "graphql/operations";
 import {
   GetContentsQuery,
   GetWebsiteInterfaceQuery,
 } from "graphql/operations-types";
-import { getContents } from "graphql/operations";
-import PanelHeader from "components/PanelComponents/PanelHeader";
-import AppLayout from "components/AppLayout";
-import LibraryContentPreview from "components/Library/LibraryContentPreview";
-import { prettyinlineTitle, prettySlug } from "queries/helpers";
+import { GetStaticProps } from "next";
 import { AppStaticProps, getAppStaticProps } from "queries/getAppStaticProps";
-import Select from "components/Select";
+import { prettyinlineTitle, prettySlug } from "queries/helpers";
 import { useEffect, useState } from "react";
-import Chip from "components/Chip";
 
 interface ContentsProps extends AppStaticProps {
   contents: GetContentsQuery["contents"]["data"];

src/pages/editor.tsx

@@ -1,13 +1,13 @@
+import AppLayout from "components/AppLayout";
+import Markdawn from "components/Markdown/Markdawn";
 import ContentPanel, {
   ContentPanelWidthSizes,
 } from "components/Panels/ContentPanel";
 import { GetStaticProps } from "next";
-import AppLayout from "components/AppLayout";
-import { useCallback, useState } from "react";
-import Markdawn from "components/Markdown/Markdawn";
+import { useRouter } from "next/router";
 import Script from "next/script";
 import { AppStaticProps, getAppStaticProps } from "queries/getAppStaticProps";
-import { useRouter } from "next/router";
+import { useCallback, useState } from "react";
 
 interface EditorProps extends AppStaticProps {}
 

src/pages/library/[slug].tsx

@@ -1,41 +1,41 @@
+import AppLayout from "components/AppLayout";
+import Button from "components/Button";
+import Chip from "components/Chip";
+import Img, { getAssetURL, ImageQuality } from "components/Img";
+import InsetBox from "components/InsetBox";
+import ContentTOCLine from "components/Library/ContentTOCLine";
+import LibraryItemsPreview from "components/Library/LibraryItemsPreview";
+import LightBox from "components/LightBox";
+import NavOption from "components/PanelComponents/NavOption";
+import ReturnButton, {
+  ReturnButtonType,
+} from "components/PanelComponents/ReturnButton";
 import ContentPanel, {
   ContentPanelWidthSizes,
 } from "components/Panels/ContentPanel";
-import { GetStaticPaths, GetStaticProps } from "next";
+import SubPanel from "components/Panels/SubPanel";
+import { useAppLayout } from "contexts/AppLayoutContext";
 import { getLibraryItem, getLibraryItemsSlugs } from "graphql/operations";
 import {
   Enum_Componentmetadatabooks_Binding_Type,
   Enum_Componentmetadatabooks_Page_Order,
   GetLibraryItemQuery,
 } from "graphql/operations-types";
+import { GetStaticPaths, GetStaticProps } from "next";
+import { useRouter } from "next/router";
+import { AppStaticProps, getAppStaticProps } from "queries/getAppStaticProps";
 import {
   convertMmToInch,
   prettyDate,
   prettyinlineTitle,
-  prettyItemType,
   prettyItemSubType,
+  prettyItemType,
   prettyPrice,
   prettyTestError,
   prettyTestWarning,
   sortContent,
 } from "queries/helpers";
-import SubPanel from "components/Panels/SubPanel";
-import ReturnButton, {
-  ReturnButtonType,
-} from "components/PanelComponents/ReturnButton";
-import NavOption from "components/PanelComponents/NavOption";
-import Chip from "components/Chip";
-import Button from "components/Button";
-import AppLayout from "components/AppLayout";
-import LibraryItemsPreview from "components/Library/LibraryItemsPreview";
-import InsetBox from "components/InsetBox";
-import Img, { getAssetURL, ImageQuality } from "components/Img";
-import { useAppLayout } from "contexts/AppLayoutContext";
-import { useRouter } from "next/router";
-import ContentTOCLine from "components/Library/ContentTOCLine";
-import { AppStaticProps, getAppStaticProps } from "queries/getAppStaticProps";
 import { useState } from "react";
-import LightBox from "components/LightBox";
 
 interface LibrarySlugProps extends AppStaticProps {
   item: GetLibraryItemQuery["libraryItems"]["data"][number]["attributes"];

src/pages/library/index.tsx

@@ -1,23 +1,23 @@
-import { GetStaticProps } from "next";
-import SubPanel from "components/Panels/SubPanel";
+import AppLayout from "components/AppLayout";
+import Chip from "components/Chip";
+import LibraryItemsPreview from "components/Library/LibraryItemsPreview";
+import PanelHeader from "components/PanelComponents/PanelHeader";
 import ContentPanel, {
   ContentPanelWidthSizes,
 } from "components/Panels/ContentPanel";
+import SubPanel from "components/Panels/SubPanel";
+import Select from "components/Select";
+import Switch from "components/Switch";
+import { getLibraryItemsPreview } from "graphql/operations";
 import {
   GetCurrenciesQuery,
   GetLibraryItemsPreviewQuery,
   GetWebsiteInterfaceQuery,
 } from "graphql/operations-types";
-import { getLibraryItemsPreview } from "graphql/operations";
-import PanelHeader from "components/PanelComponents/PanelHeader";
-import AppLayout from "components/AppLayout";
-import LibraryItemsPreview from "components/Library/LibraryItemsPreview";
-import Select from "components/Select";
-import { useEffect, useState } from "react";
-import { convertPrice, prettyDate, prettyinlineTitle } from "queries/helpers";
-import Switch from "components/Switch";
+import { GetStaticProps } from "next";
 import { AppStaticProps, getAppStaticProps } from "queries/getAppStaticProps";
-import Chip from "components/Chip";
+import { convertPrice, prettyDate, prettyinlineTitle } from "queries/helpers";
+import { useEffect, useState } from "react";
 
 interface LibraryProps extends AppStaticProps {
   items: GetLibraryItemsPreviewQuery["libraryItems"]["data"];

src/pages/merch/index.tsx

@@ -1,7 +1,7 @@
-import SubPanel from "components/Panels/SubPanel";
-import PanelHeader from "components/PanelComponents/PanelHeader";
-import { GetStaticProps } from "next";
 import AppLayout from "components/AppLayout";
+import PanelHeader from "components/PanelComponents/PanelHeader";
+import SubPanel from "components/Panels/SubPanel";
+import { GetStaticProps } from "next";
 import { AppStaticProps, getAppStaticProps } from "queries/getAppStaticProps";
 
 interface MerchProps extends AppStaticProps {}

src/pages/news/[slug].tsx

@@ -17,7 +17,7 @@ import { GetPostQuery, StrapiImage } from "graphql/operations-types";
 import { GetStaticPaths, GetStaticProps } from "next";
 import { useRouter } from "next/router";
 import { AppStaticProps, getAppStaticProps } from "queries/getAppStaticProps";
-import { prettySlug, getStatusDescription } from "queries/helpers";
+import { getStatusDescription, prettySlug } from "queries/helpers";
 
 interface PostProps extends AppStaticProps {
   post: GetPostQuery["posts"]["data"][number]["attributes"];

src/pages/news/index.tsx

@@ -1,14 +1,14 @@
-import SubPanel from "components/Panels/SubPanel";
-import PanelHeader from "components/PanelComponents/PanelHeader";
-import { GetStaticProps } from "next";
 import AppLayout from "components/AppLayout";
-import { AppStaticProps, getAppStaticProps } from "queries/getAppStaticProps";
-import { GetPostsPreviewQuery } from "graphql/operations-types";
-import { getPostsPreview } from "graphql/operations";
+import PostsPreview from "components/News/PostsPreview";
+import PanelHeader from "components/PanelComponents/PanelHeader";
 import ContentPanel, {
   ContentPanelWidthSizes,
 } from "components/Panels/ContentPanel";
-import PostsPreview from "components/News/PostsPreview";
+import SubPanel from "components/Panels/SubPanel";
+import { getPostsPreview } from "graphql/operations";
+import { GetPostsPreviewQuery } from "graphql/operations-types";
+import { GetStaticProps } from "next";
+import { AppStaticProps, getAppStaticProps } from "queries/getAppStaticProps";
 
 interface NewsProps extends AppStaticProps {
   posts: GetPostsPreviewQuery["posts"]["data"];

src/pages/wiki/chronology.tsx

@@ -1,25 +1,25 @@
-import { GetStaticProps } from "next";
+import AppLayout from "components/AppLayout";
+import ChronologyYearComponent from "components/Chronology/ChronologyYearComponent";
+import InsetBox from "components/InsetBox";
+import NavOption from "components/PanelComponents/NavOption";
+import ReturnButton, {
+  ReturnButtonType,
+} from "components/PanelComponents/ReturnButton";
 import ContentPanel from "components/Panels/ContentPanel";
 import SubPanel from "components/Panels/SubPanel";
-import ChronologyYearComponent from "components/Chronology/ChronologyYearComponent";
+import { getChronologyItems, getEras } from "graphql/operations";
 import {
   GetChronologyItemsQuery,
   GetErasQuery,
 } from "graphql/operations-types";
-import { getEras, getChronologyItems } from "graphql/operations";
-import NavOption from "components/PanelComponents/NavOption";
-import AppLayout from "components/AppLayout";
+import { GetStaticProps } from "next";
+import { useRouter } from "next/router";
+import { AppStaticProps, getAppStaticProps } from "queries/getAppStaticProps";
 import {
   prettySlug,
   prettyTestError,
   prettyTestWarning,
 } from "queries/helpers";
-import InsetBox from "components/InsetBox";
-import { useRouter } from "next/router";
-import { AppStaticProps, getAppStaticProps } from "queries/getAppStaticProps";
-import ReturnButton, {
-  ReturnButtonType,
-} from "components/PanelComponents/ReturnButton";
 
 interface ChronologyProps extends AppStaticProps {
   chronologyItems: GetChronologyItemsQuery["chronologyItems"]["data"];

src/pages/wiki/index.tsx

@@ -1,10 +1,9 @@
-import SubPanel from "components/Panels/SubPanel";
-import PanelHeader from "components/PanelComponents/PanelHeader";
-import { GetStaticProps } from "next";
 import AppLayout from "components/AppLayout";
-import { AppStaticProps, getAppStaticProps } from "queries/getAppStaticProps";
-import HorizontalLine from "components/HorizontalLine";
 import NavOption from "components/PanelComponents/NavOption";
+import PanelHeader from "components/PanelComponents/PanelHeader";
+import SubPanel from "components/Panels/SubPanel";
+import { GetStaticProps } from "next";
+import { AppStaticProps, getAppStaticProps } from "queries/getAppStaticProps";
 
 interface WikiProps extends AppStaticProps {}