ran prettier format

.prettierignore

@@ -1 +1,5 @@
-/data/world-topo.json
+/data/world-topo.json
+yarn.lock
+node_modules
+.next
+.mailing

.prettierrc

@@ -1,4 +1,9 @@
 {
+  "bracketSpacing": true,
+  "semi": true,
+  "trailingComma": "all",
+  "printWidth": 80,
+  "tabWidth": 2,
   "importOrder": [
     "^(next/(.*)$)|^(next$)",
     "^(react/(.*)$)|^(react$)",

components/app/link-card.tsx

@@ -1,14 +1,14 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+import useSWR from "swr";
 import BlurImage from "@/components/shared/blur-image";
 import CopyButton from "@/components/shared/copy-button";
 import { Chart, LoadingDots } from "@/components/shared/icons";
-import { useRouter } from "next/router";
-import useSWR from "swr";
-import { fetcher, nFormatter, linkConstructor, timeAgo } from "@/lib/utils";
-import Link from "next/link";
-import { LinkProps } from "@/lib/types";
 import Tooltip, { TooltipContent } from "@/components/shared/tooltip";
 import useProject from "@/lib/swr/use-project";
 import useUsage from "@/lib/swr/use-usage";
+import { LinkProps } from "@/lib/types";
+import { fetcher, linkConstructor, nFormatter, timeAgo } from "@/lib/utils";
 import { useAddEditLinkModal } from "./modals/add-edit-link-modal";
 import { useDeleteLinkModal } from "./modals/delete-link-modal";
 

components/app/links-container.tsx

@@ -1,12 +1,12 @@
 import { useRouter } from "next/router";
 import useSWR from "swr";
-import { fetcher } from "@/lib/utils";
 import LinkCard from "@/components/app/link-card";
 import LinkCardPlaceholder from "@/components/app/link-card-placeholder";
-import MaxWidthWrapper from "@/components/shared/max-width-wrapper";
 import NoLinksPlaceholder from "@/components/app/no-links-placeholder";
-import { LinkProps } from "@/lib/types";
+import MaxWidthWrapper from "@/components/shared/max-width-wrapper";
 import useProject from "@/lib/swr/use-project";
+import { LinkProps } from "@/lib/types";
+import { fetcher } from "@/lib/utils";
 
 export default function LinksContainer({
   AddEditLinkButton,

components/app/modals/add-edit-link-modal.tsx

@@ -1,29 +1,29 @@
-import Modal from "@/components/shared/modal";
+import { useRouter } from "next/router";
 import {
+  Dispatch,
+  SetStateAction,
   useCallback,
   useEffect,
   useMemo,
   useState,
-  Dispatch,
-  SetStateAction,
 } from "react";
-import { useRouter } from "next/router";
+import TextareaAutosize from "react-textarea-autosize";
+import { mutate } from "swr";
+import { useDebounce } from "use-debounce";
 import BlurImage from "@/components/shared/blur-image";
-import { LinkProps } from "@/lib/types";
-import { linkConstructor } from "@/lib/utils";
 import {
-  LoadingDots,
-  LoadingCircle,
   AlertCircleFill,
   ChevronRight,
+  LoadingCircle,
+  LoadingDots,
   UploadCloud,
 } from "@/components/shared/icons";
-import { useDebounce } from "use-debounce";
-import TextareaAutosize from "react-textarea-autosize";
-import { mutate } from "swr";
+import Modal from "@/components/shared/modal";
 import Tooltip, { TooltipContent } from "@/components/shared/tooltip";
 import useProject from "@/lib/swr/use-project";
 import useUsage from "@/lib/swr/use-usage";
+import { LinkProps } from "@/lib/types";
+import { linkConstructor } from "@/lib/utils";
 
 function AddEditLinkModal({
   showAddEditLinkModal,

components/app/modals/add-project-modal.tsx

@@ -1,18 +1,18 @@
-import Modal from "@/components/shared/modal";
+import { useRouter } from "next/router";
 import {
+  Dispatch,
+  FormEvent,
+  SetStateAction,
   useCallback,
   useEffect,
   useMemo,
   useState,
-  Dispatch,
-  FormEvent,
-  SetStateAction,
 } from "react";
-import { useRouter } from "next/router";
-import BlurImage from "@/components/shared/blur-image";
-import { LoadingDots, AlertCircleFill } from "@/components/shared/icons";
-import { useDebounce } from "use-debounce";
 import { mutate } from "swr";
+import { useDebounce } from "use-debounce";
+import BlurImage from "@/components/shared/blur-image";
+import { AlertCircleFill, LoadingDots } from "@/components/shared/icons";
+import Modal from "@/components/shared/modal";
 import { generateSlugFromName } from "@/lib/utils";
 
 function AddProjectModalHelper({

components/app/modals/delete-link-modal.tsx

@@ -1,19 +1,19 @@
-import Modal from "@/components/shared/modal";
+import { useRouter } from "next/router";
 import {
+  Dispatch,
+  SetStateAction,
   useCallback,
   useEffect,
   useMemo,
   useState,
-  Dispatch,
-  SetStateAction,
 } from "react";
-import { useRouter } from "next/router";
+import { mutate } from "swr";
 import BlurImage from "@/components/shared/blur-image";
 import LoadingDots from "@/components/shared/icons/loading-dots";
-import { linkConstructor } from "@/lib/utils";
-import { mutate } from "swr";
+import Modal from "@/components/shared/modal";
 import useProject from "@/lib/swr/use-project";
 import { LinkProps } from "@/lib/types";
+import { linkConstructor } from "@/lib/utils";
 
 function DeleteLinkModal({
   showDeleteLinkModal,

components/app/modals/delete-project-modal.tsx

@@ -1,17 +1,17 @@
-import Modal from "@/components/shared/modal";
+import { useRouter } from "next/router";
 import {
+  Dispatch,
+  SetStateAction,
   useCallback,
   useMemo,
   useState,
-  Dispatch,
-  SetStateAction,
 } from "react";
-import { useRouter } from "next/router";
+import toast from "react-hot-toast";
 import { mutate } from "swr";
 import BlurImage from "@/components/shared/blur-image";
 import LoadingDots from "@/components/shared/icons/loading-dots";
+import Modal from "@/components/shared/modal";
 import useProject from "@/lib/swr/use-project";
-import toast from "react-hot-toast";
 
 function DeleteProjectModal({
   showDeleteProjectModal,

components/app/modals/edit-domain-modal.tsx

@@ -1,18 +1,18 @@
-import Modal from "@/components/shared/modal";
+import { useRouter } from "next/router";
 import {
+  Dispatch,
+  SetStateAction,
   useCallback,
   useEffect,
   useMemo,
   useState,
-  Dispatch,
-  SetStateAction,
 } from "react";
-import { useRouter } from "next/router";
+import { mutate } from "swr";
+import { useDebounce } from "use-debounce";
 import BlurImage from "@/components/shared/blur-image";
-import LoadingDots from "@/components/shared/icons/loading-dots";
 import { AlertCircleFill } from "@/components/shared/icons";
-import { useDebounce } from "use-debounce";
-import { mutate } from "swr";
+import LoadingDots from "@/components/shared/icons/loading-dots";
+import Modal from "@/components/shared/modal";
 import useProject from "@/lib/swr/use-project";
 
 function EditDomainModal({

components/app/modals/stats-modal.tsx

@@ -1,15 +1,15 @@
-import Modal from "@/components/shared/modal";
+import { useRouter } from "next/router";
 import {
+  Dispatch,
+  SetStateAction,
   useCallback,
   useMemo,
   useState,
-  Dispatch,
-  SetStateAction,
 } from "react";
-import Stats from "@/components/stats";
 import { UIEvent } from "react";
-import { useRouter } from "next/router";
 import { X } from "@/components/shared/icons";
+import Modal from "@/components/shared/modal";
+import Stats from "@/components/stats";
 
 function StatsModalHelper({
   showStatsModal,

components/app/modals/upgrade-plan-modal.tsx

@@ -1,18 +1,18 @@
-import Modal from "@/components/shared/modal";
 import {
+  Dispatch,
+  SetStateAction,
   useCallback,
   useMemo,
   useState,
-  Dispatch,
-  SetStateAction,
 } from "react";
 import BlurImage from "@/components/shared/blur-image";
 import LoadingDots from "@/components/shared/icons/loading-dots";
+import Modal from "@/components/shared/modal";
+import Slider from "@/components/shared/slider";
+import Switch from "@/components/shared/switch";
 import { getStripe } from "@/lib/stripe/client";
 import { PRO_TIERS } from "@/lib/stripe/constants";
 import { nFormatter } from "@/lib/utils";
-import Slider from "@/components/shared/slider";
-import Switch from "@/components/shared/switch";
 
 function UpgradePlanModal({
   showUpgradePlanModal,

components/app/no-projects-placeholder.tsx

@@ -1,5 +1,5 @@
-import BlurImage from "@/components/shared/blur-image";
 import Link from "next/link";
+import BlurImage from "@/components/shared/blur-image";
 
 export default function NoProjectsPlaceholder({
   setShowAddProjectModal,

components/app/project-card.tsx

@@ -1,14 +1,14 @@
 import Link from "next/link";
 import useSWR from "swr";
-import { fetcher, nFormatter } from "@/lib/utils";
-import { ProjectProps } from "@/lib/types";
+import BlurImage from "@/components/shared/blur-image";
 import {
   CheckCircleFill,
-  XCircleFill,
   Link as LinkIcon,
+  XCircleFill,
 } from "@/components/shared/icons";
-import BlurImage from "@/components/shared/blur-image";
 import Tooltip, { TooltipContent } from "@/components/shared/tooltip";
+import { ProjectProps } from "@/lib/types";
+import { fetcher, nFormatter } from "@/lib/utils";
 
 export default function ProjectCard({
   name,

components/app/settings/custom-domain/domain-configuration.tsx

@@ -1,6 +1,6 @@
+import { useState } from "react";
 import { DomainVerificationStatusProps } from "@/lib/types";
 import { getSubdomain } from "@/lib/utils";
-import { useState } from "react";
 
 const InlineSnippet = ({ children }: { children: string }) => {
   return (

components/app/settings/custom-domain/index.tsx

@@ -1,6 +1,5 @@
-import useSWR, { mutate } from "swr";
-import { fetcher } from "@/lib/utils";
 import { useRouter } from "next/router";
+import useSWR, { mutate } from "swr";
 import {
   AlertCircleFill,
   CheckCircleFill,
@@ -9,10 +8,11 @@ import {
   LoadingDots,
   XCircleFill,
 } from "@/components/shared/icons";
-import { useEditDomainModal } from "../../modals/edit-domain-modal";
+import useProject from "@/lib/swr/use-project";
 import { DomainVerificationStatusProps } from "@/lib/types";
+import { fetcher } from "@/lib/utils";
+import { useEditDomainModal } from "../../modals/edit-domain-modal";
 import DomainConfiguration from "./domain-configuration";
-import useProject from "@/lib/swr/use-project";
 
 export default function CustomDomain() {
   const router = useRouter();

components/app/settings/landing-page.tsx

@@ -1,12 +1,12 @@
-import useProject from "@/lib/swr/use-project";
 import { useRouter } from "next/router";
 import { useState } from "react";
-import { Chart, LoadingDots } from "@/components/shared/icons";
-import { fetcher, nFormatter } from "@/lib/utils";
+import toast from "react-hot-toast";
 import useSWR from "swr";
+import { Chart, LoadingDots } from "@/components/shared/icons";
 import Tooltip, { TooltipContent } from "@/components/shared/tooltip";
-import toast from "react-hot-toast";
+import useProject from "@/lib/swr/use-project";
 import useUsage from "@/lib/swr/use-usage";
+import { fetcher, nFormatter } from "@/lib/utils";
 
 export default function DefaultPage() {
   const router = useRouter();

components/app/settings/plan-usage.tsx

@@ -1,17 +1,17 @@
-import { useMemo, useState } from "react";
-import { getFirstAndLastDay, nFormatter } from "@/lib/utils";
 import { useRouter } from "next/router";
-import Tooltip, { ProTiers } from "@/components/shared/tooltip";
+import { useMemo, useState } from "react";
+import { motion } from "framer-motion";
+import { useUpgradePlanModal } from "@/components/app/modals/upgrade-plan-modal";
 import {
-  Divider,
   Infinity,
-  QuestionCircle,
+  Divider,
   LoadingDots,
+  QuestionCircle,
 } from "@/components/shared/icons";
-import { motion } from "framer-motion";
-import useUsage from "@/lib/swr/use-usage";
+import Tooltip, { ProTiers } from "@/components/shared/tooltip";
 import { getPlanFromUsageLimit } from "@/lib/stripe/constants";
-import { useUpgradePlanModal } from "@/components/app/modals/upgrade-plan-modal";
+import useUsage from "@/lib/swr/use-usage";
+import { getFirstAndLastDay, nFormatter } from "@/lib/utils";
 
 export default function PlanUsage() {
   const router = useRouter();

components/home/demo.tsx

@@ -1,13 +1,13 @@
 import { useState } from "react";
-import useLocalStorage from "@/lib/hooks/use-local-storage";
+import { motion } from "framer-motion";
+import { Toaster } from "react-hot-toast";
 import LinkCard from "@/components/home/link-card";
 import PlaceholderCard from "@/components/home/placeholder-card";
 import { LoadingDots } from "@/components/shared/icons";
-import { motion } from "framer-motion";
-import { SimpleLinkProps } from "@/lib/types";
 import Tooltip, { TooltipContent } from "@/components/shared/tooltip";
-import { Toaster } from "react-hot-toast";
 import { FRAMER_MOTION_LIST_ITEM_VARIANTS } from "@/lib/constants";
+import useLocalStorage from "@/lib/hooks/use-local-storage";
+import { SimpleLinkProps } from "@/lib/types";
 
 const Demo = () => {
   const [saving, setSaving] = useState(false);

components/home/features.tsx

@@ -1,9 +1,9 @@
+import Image from "next/future/image";
 import Link from "next/link";
-import { Github, Chart, Airplay, UploadCloud } from "@/components/shared/icons";
+import { Airplay, Chart, Github, UploadCloud } from "@/components/shared/icons";
 import MaxWidthWrapper from "@/components/shared/max-width-wrapper";
-import Image from "next/future/image";
-import styles from "./features.module.css";
 import CountingNumbers from "../shared/counting-numbers";
+import styles from "./features.module.css";
 
 const Features = ({ stars }: { stars: number }) => {
   return (