Add eslint import rules

components/poll/legacy-poll-notice.tsx

@@ -1,7 +1,8 @@
-import Speakerphone from "@/components/icons/speakerphone.svg";
 import Cookies from "js-cookie";
 import * as React from "react";
 
+import Speakerphone from "@/components/icons/speakerphone.svg";
+
 const cookieName = "legacy-poll-notice";
 
 const LegacyPollNotice: React.VoidFunctionComponent<{ show?: boolean }> = ({

components/poll/manage-poll.tsx

@@ -1,3 +1,9 @@
+import { Placement } from "@popperjs/core";
+import { format } from "date-fns";
+import { Trans,useTranslation  } from "next-i18next";
+import * as React from "react";
+import { decodeDateOption, encodeDateOption } from "utils/date-time-utils";
+
 import Button from "@/components/button";
 import Cog from "@/components/icons/cog.svg";
 import LockClosed from "@/components/icons/lock-closed.svg";
@@ -5,18 +11,13 @@ import LockOpen from "@/components/icons/lock-open.svg";
 import Pencil from "@/components/icons/pencil-alt.svg";
 import Save from "@/components/icons/save.svg";
 import Table from "@/components/icons/table.svg";
-import { Placement } from "@popperjs/core";
-import { format } from "date-fns";
-import { useTranslation } from "next-i18next";
-import * as React from "react";
-import { decodeDateOption, encodeDateOption } from "utils/date-time-utils";
+
 import Dropdown, { DropdownItem } from "../dropdown";
 import { PollDetailsForm } from "../forms";
 import { useModal } from "../modal";
 import { useModalContext } from "../modal/modal-provider";
 import { usePoll } from "../use-poll";
 import { useUpdatePollMutation } from "./mutations";
-import { Trans } from "next-i18next";
 
 const PollOptionsForm = React.lazy(() => import("../forms/poll-options-form"));
 

components/poll/mobile-poll/mobile-poll.tsx

@@ -1,18 +1,20 @@
-import { usePoll } from "@/components/use-poll";
 import { Listbox } from "@headlessui/react";
 import { Participant, Vote } from "@prisma/client";
 import clsx from "clsx";
 import { useTranslation } from "next-i18next";
 import * as React from "react";
 import { Controller, useForm } from "react-hook-form";
+
+import { usePoll } from "@/components/use-poll";
+
 import { decodeDateOption } from "../../../utils/date-time-utils";
 import { requiredString } from "../../../utils/form-validation";
 import Button from "../../button";
 import DateCard from "../../date-card";
+import CheckCircle from "../../icons/check-circle.svg";
 import ChevronDown from "../../icons/chevron-down.svg";
 import Pencil from "../../icons/pencil.svg";
 import PlusCircle from "../../icons/plus-circle.svg";
-import CheckCircle from "../../icons/check-circle.svg";
 import Trash from "../../icons/trash.svg";
 import { styleMenuItem } from "../../menu-styles";
 import NameInput from "../../name-input";

components/poll/mutations.ts

@@ -1,6 +1,7 @@
 import { updatePoll, UpdatePollPayload } from "api-client/update-poll";
 import { usePlausible } from "next-plausible";
 import { useMutation, useQuery, useQueryClient } from "react-query";
+
 import { addParticipant } from "../../api-client/add-participant";
 import {
   deleteParticipant,

components/poll/notifications-toggle.tsx

@@ -1,12 +1,14 @@
-import * as React from "react";
-import Tooltip from "../tooltip";
-import { usePoll } from "../use-poll";
 import { Trans, useTranslation } from "next-i18next";
+import { usePlausible } from "next-plausible";
+import * as React from "react";
+
 import Button from "@/components/button";
 import Bell from "@/components/icons/bell.svg";
 import BellCrossed from "@/components/icons/bell-crossed.svg";
+
+import Tooltip from "../tooltip";
+import { usePoll } from "../use-poll";
 import { useUpdatePollMutation } from "./mutations";
-import { usePlausible } from "next-plausible";
 
 export interface NotificationsToggleProps {}
 

components/poll/poll-subheader.tsx

@@ -1,11 +1,12 @@
-import { formatRelative } from "date-fns";
-import * as React from "react";
-import { Trans, useTranslation } from "next-i18next";
-import Button from "../button";
-import { usePoll } from "../use-poll";
-import Popover from "../popover";
-import { useMutation } from "react-query";
 import axios from "axios";
+import { formatRelative } from "date-fns";
+import { Trans, useTranslation } from "next-i18next";
+import * as React from "react";
+import { useMutation } from "react-query";
+
+import Button from "../button";
+import Popover from "../popover";
+import { usePoll } from "../use-poll";
 
 export interface PollSubheaderProps {}
 

components/poll/poll.tsx

@@ -3,6 +3,8 @@ import debounce from "lodash/debounce";
 import { useTranslation } from "next-i18next";
 import * as React from "react";
 import { useMeasure } from "react-use";
+import smoothscroll from "smoothscroll-polyfill";
+
 import { decodeDateOption } from "../../utils/date-time-utils";
 import Button from "../button";
 import DateCard from "../date-card";
@@ -11,6 +13,7 @@ import ArrowRight from "../icons/arrow-right.svg";
 import PlusCircle from "../icons/plus-circle.svg";
 import TimeZonePicker from "../time-zone-picker";
 import { TransitionPopInOut } from "../transitions";
+import { usePoll } from "../use-poll";
 import { useAddParticipantMutation } from "./mutations";
 import ParticipantRow from "./participant-row";
 import ParticipantRowForm from "./participant-row-form";
@@ -18,8 +21,6 @@ import { PollContext, usePollContext } from "./poll-context";
 import Score from "./score";
 import TimeRange from "./time-range";
 import { PollProps } from "./types";
-import smoothscroll from "smoothscroll-polyfill";
-import { usePoll } from "../use-poll";
 
 if (typeof window !== "undefined") {
   smoothscroll.polyfill();

components/poll/truncated-linkify.tsx

@@ -1,5 +1,6 @@
 import * as React from "react";
 import ReactLinkify from "react-linkify";
+
 import Tooltip from "../tooltip";
 
 export const truncateLink = (href: string, text: string, key: number) => {