diff --git a/components/atoms/Avatar/avatar.tsx b/components/atoms/Avatar/avatar.tsx
index a5c6697b72..3925603e2e 100644
--- a/components/atoms/Avatar/avatar.tsx
+++ b/components/atoms/Avatar/avatar.tsx
@@ -33,10 +33,10 @@ const Avatar = (props: AvatarProps): JSX.Element => {
   }
 
   switch (typeof props.size) {
-  case "string":
-    return <DefaultAvatar {...props} avatarURL={imageSource} />;
-  case "number":
-    return <CustomAvatar {...props} avatarURL={imageSource} />;
+    case "string":
+      return <DefaultAvatar {...props} avatarURL={imageSource} />;
+    case "number":
+      return <CustomAvatar {...props} avatarURL={imageSource} />;
   }
 };
 
diff --git a/components/atoms/Card/card.tsx b/components/atoms/Card/card.tsx
index 44461dcf09..1da8e550c3 100644
--- a/components/atoms/Card/card.tsx
+++ b/components/atoms/Card/card.tsx
@@ -1,29 +1,26 @@
 import React from "react";
 
 interface CardProps {
-    className?: string;
-    heading?: JSX.Element | string;
-    children: JSX.Element;
+  className?: string;
+  heading?: JSX.Element | string;
+  children: JSX.Element;
 }
 
 const Card: React.FC<CardProps> = ({ className, children, heading }) => {
   return (
-    <article className={`${className ? className : ""} block ${heading ? "" : "p-3"} bg-white border rounded-lg drop-shadow-md`}>
-      {
-        heading ?
-          <>
-            <div className="px-3 md:px-6 py-3 rounded-t-lg bg-light-slate-3">
-              {heading}
-            </div>
-            <div>
-              {children}
-            </div>
-          </>
-
-          :
-
-          children
-      }
+    <article
+      className={`${className ? className : ""} block ${
+        heading ? "" : "p-3"
+      } bg-white border rounded-lg drop-shadow-md`}
+    >
+      {heading ? (
+        <>
+          <div className="px-3 md:px-6 py-3 rounded-t-lg bg-light-slate-3">{heading}</div>
+          <div>{children}</div>
+        </>
+      ) : (
+        children
+      )}
     </article>
   );
 };
diff --git a/components/atoms/ContextThumbnail/context-thumbnail.tsx b/components/atoms/ContextThumbnail/context-thumbnail.tsx
index 685b8a42bb..0904574786 100644
--- a/components/atoms/ContextThumbnail/context-thumbnail.tsx
+++ b/components/atoms/ContextThumbnail/context-thumbnail.tsx
@@ -3,17 +3,21 @@ import Image, { StaticImageData } from "next/image";
 import ContextThumbnailImage from "../../../img/open-sourced-with-bg-icon.png";
 
 interface ContextThumbnailProps {
-    className?: string;
-    ContextThumbnailURL?: string | StaticImageData;
-    alt?: string;
-    size?: string | number;
+  className?: string;
+  ContextThumbnailURL?: string | StaticImageData;
+  alt?: string;
+  size?: string | number;
 }
 
 const ContextThumbnail: React.FC<ContextThumbnailProps> = ({ className, ContextThumbnailURL, alt, size }) => {
   return (
     <Image
       className={`${className ? className : ""} rounded-lg border-1 border-slate-100 object-cover`}
-      alt={alt ? alt : "ContextThumbnail"} width={size as number} height={size as number} src={ContextThumbnailURL ? ContextThumbnailURL : ContextThumbnailImage} />
+      alt={alt ? alt : "ContextThumbnail"}
+      width={size as number}
+      height={size as number}
+      src={ContextThumbnailURL ? ContextThumbnailURL : ContextThumbnailImage}
+    />
   );
 };
 
diff --git a/components/atoms/EChartWrapper/echart-wrapper.tsx b/components/atoms/EChartWrapper/echart-wrapper.tsx
index a1069771c2..fdba83265e 100644
--- a/components/atoms/EChartWrapper/echart-wrapper.tsx
+++ b/components/atoms/EChartWrapper/echart-wrapper.tsx
@@ -8,19 +8,13 @@ Docs for ReactECharts: https://github.com/hustcc/echarts-for-react
  */
 
 interface EChartWrapperProps {
-    option: Object;
-    className?: string;
+  option: Object;
+  className?: string;
 }
 
 const EChartWrapper: React.FC<EChartWrapperProps> = ({ option, className }) => {
   return (
-    <ReactECharts
-      option={option}
-      className={className || ""}
-      notMerge={true}
-      lazyUpdate={true}
-      theme={"theme_name"}
-    />
+    <ReactECharts option={option} className={className || ""} notMerge={true} lazyUpdate={true} theme={"theme_name"} />
   );
 };
 
diff --git a/components/atoms/Error/Error.tsx b/components/atoms/Error/Error.tsx
index 7bc9548e82..c0182e791a 100644
--- a/components/atoms/Error/Error.tsx
+++ b/components/atoms/Error/Error.tsx
@@ -9,22 +9,16 @@ interface ErrorProps {
   fullWidth?: boolean;
 }
 
-const Error:React.FC<ErrorProps> = ({
-  errorMessage,
-  fullWidth = false
-}) => {
+const Error: React.FC<ErrorProps> = ({ errorMessage, fullWidth = false }) => {
   const wideStyle = fullWidth ? "flex" : "inline-flex ";
 
   return (
-    <div className={
-      clsx(wideStyle, "rounded-md border border-light-red-6 bg-light-red-4 p-2 gap-x-2 items-center")}>
+    <div className={clsx(wideStyle, "rounded-md border border-light-red-6 bg-light-red-4 p-2 gap-x-2 items-center")}>
       <Icon IconImage={ErrorIcon} />
 
-      <Text className="!text-light-red-10 !text-xs font-semibold">
-        {errorMessage || "Something went wrong!"}
-      </Text>
+      <Text className="!text-light-red-10 !text-xs font-semibold">{errorMessage || "Something went wrong!"}</Text>
     </div>
   );
 };
 
-export default Error;
\ No newline at end of file
+export default Error;
diff --git a/components/atoms/FilterCard/filter-card.tsx b/components/atoms/FilterCard/filter-card.tsx
index 047ac9c27d..4991f3ce7c 100644
--- a/components/atoms/FilterCard/filter-card.tsx
+++ b/components/atoms/FilterCard/filter-card.tsx
@@ -8,48 +8,67 @@ import repoIcon from "../../../img/icons/repo.svg";
 import cancelIcon from "../../../img/x-circle.svg";
 
 interface FilterCardProps {
-    filterName: string;
-    bgColor?: string;
-    isRemovable?: boolean;
-    icon?: "topic" | "repo" | "org" | "contributor";
+  filterName: string;
+  bgColor?: string;
+  isRemovable?: boolean;
+  icon?: "topic" | "repo" | "org" | "contributor";
 }
 
 const icons = {
   topic: {
     src: hashIcon.src,
-    alt: "Topic"
+    alt: "Topic",
   },
   org: {
     src: orgIcon.src,
-    alt: "Organization"
+    alt: "Organization",
   },
   contributor: {
     src: personIcon.src,
-    alt: "Contributor"
+    alt: "Contributor",
   },
   repo: {
     src: repoIcon.src,
-    alt: "Repository"
-  }
+    alt: "Repository",
+  },
 };
 
 const FilterCard: React.FC<FilterCardProps> = ({ filterName, bgColor, icon, isRemovable }) => {
   return (
     <div
-      className={`inline-block py-1 px-2 border border-slate-300 outline-none hover:bg-slate-50 focus:ring-2 ${bgColor && `bg-${bgColor}`} ${isRemovable ? "focus:ring-orange-500" : "bg-slate-100 focus:ring-slate-300" } rounded-lg`}>
+      className={`inline-block py-1 px-2 border border-slate-300 outline-none hover:bg-slate-50 focus:ring-2 ${
+        bgColor && `bg-${bgColor}`
+      } ${isRemovable ? "focus:ring-orange-500" : "bg-slate-100 focus:ring-slate-300"} rounded-lg`}
+    >
       <div className="flex items-center gap-1">
         <Image
-          width={14} height={14}
-          alt={icon === "topic" ? icons.topic.alt : icon === "org" ? icons.org.alt : icon === "contributor" ? icons.contributor.alt : icon === "repo" ? icons.repo.alt : "Icon"}
-          src={icon === "topic" ? icons.topic.src : icon === "org" ? icons.org.src : icon === "contributor" ? icons.contributor.src : icon === "repo" ? icons.repo.src : icons.topic.src} />
-        <Text className="!text-sm font-semibold tracking-tight !text-slate-900">
-          {filterName}
-        </Text>
-        { isRemovable ?
-          <Image alt="Cancel Icon" src={cancelIcon} />
-          :
-          false
-        }
+          width={14}
+          height={14}
+          alt={
+            icon === "topic"
+              ? icons.topic.alt
+              : icon === "org"
+              ? icons.org.alt
+              : icon === "contributor"
+              ? icons.contributor.alt
+              : icon === "repo"
+              ? icons.repo.alt
+              : "Icon"
+          }
+          src={
+            icon === "topic"
+              ? icons.topic.src
+              : icon === "org"
+              ? icons.org.src
+              : icon === "contributor"
+              ? icons.contributor.src
+              : icon === "repo"
+              ? icons.repo.src
+              : icons.topic.src
+          }
+        />
+        <Text className="!text-sm font-semibold tracking-tight !text-slate-900">{filterName}</Text>
+        {isRemovable ? <Image alt="Cancel Icon" src={cancelIcon} /> : false}
       </div>
     </div>
   );
diff --git a/components/atoms/Icon/icon.tsx b/components/atoms/Icon/icon.tsx
index 719b521392..c0cf4d282f 100644
--- a/components/atoms/Icon/icon.tsx
+++ b/components/atoms/Icon/icon.tsx
@@ -2,11 +2,11 @@ import React from "react";
 import Image, { StaticImageData } from "next/image";
 
 interface IconProps {
-    IconImage: StaticImageData | string;
-    className?: string;
-    alt?: string;
-    size?: number;
-    onClick?: (...args: any) => any;
+  IconImage: StaticImageData | string;
+  className?: string;
+  alt?: string;
+  size?: number;
+  onClick?: (...args: any) => any;
 }
 
 const Icon: React.FC<IconProps> = ({ onClick, className, IconImage, alt, size = 16 }) => {
@@ -21,8 +21,9 @@ const Icon: React.FC<IconProps> = ({ onClick, className, IconImage, alt, size =
         src={IconImage}
         style={{
           maxWidth: "100%",
-          height: "auto"
-        }} />
+          height: "auto",
+        }}
+      />
     </div>
   );
 };
diff --git a/components/atoms/IconButton/icon-button.tsx b/components/atoms/IconButton/icon-button.tsx
index a1e8874aec..711392b5a7 100644
--- a/components/atoms/IconButton/icon-button.tsx
+++ b/components/atoms/IconButton/icon-button.tsx
@@ -3,17 +3,25 @@ import Image, { StaticImageData } from "next/image";
 import SettingsIcon from "../../../img/settings-icon.svg";
 
 interface IconButtonProps {
-    IconButtonImage?: StaticImageData;
-    className?: string;
-    alt?: string;
+  IconButtonImage?: StaticImageData;
+  className?: string;
+  alt?: string;
 }
 
 const IconButton: React.FC<IconButtonProps> = ({ className, IconButtonImage = SettingsIcon, alt }) => {
   return (
-    <div className={`${className ? className : ""} flex h-6 w-6 rounded border-1 bg-light-slate-3 border-[1px] border-light-slate-6 items-center justify-center`}>
+    <div
+      className={`${
+        className ? className : ""
+      } flex h-6 w-6 rounded border-1 bg-light-slate-3 border-[1px] border-light-slate-6 items-center justify-center`}
+    >
       <Image
         className="items-center justify-center"
-        alt={alt ? alt : "IconButton"} width={16} height={16} src={IconButtonImage} />
+        alt={alt ? alt : "IconButton"}
+        width={16}
+        height={16}
+        src={IconButtonImage}
+      />
     </div>
   );
 };
diff --git a/components/atoms/LanguagePill/LanguagePill.tsx b/components/atoms/LanguagePill/LanguagePill.tsx
index 9a43314567..9c542288f5 100644
--- a/components/atoms/LanguagePill/LanguagePill.tsx
+++ b/components/atoms/LanguagePill/LanguagePill.tsx
@@ -1,6 +1,5 @@
 import Image, { StaticImageData } from "next/image";
 
-
 import JavascriptIcon from "img/icons/interests/javascript.svg";
 import ReactIcon from "/img/icons/interests/react.svg";
 import PythonIcon from "/img/icons/interests/python.svg";
@@ -20,7 +19,6 @@ import KubernetesIcon from "img/icons/interests/kubernetes.svg";
 
 import topicNameFormatting from "lib/utils/topic-name-formatting";
 
-
 interface LanguagePillProps {
   topic:
     | "react"
@@ -61,7 +59,7 @@ const LanguagePill = ({ topic, classNames, onClick }: LanguagePillProps) => {
       java: JavaIcon,
       golang: GolangIcon,
       vue: VueIcon,
-      kubernetes: KubernetesIcon
+      kubernetes: KubernetesIcon,
     };
 
     return iconMap[name] || "";
diff --git a/components/atoms/NotificationsCard/notification-card.tsx b/components/atoms/NotificationsCard/notification-card.tsx
index bc05f16b12..4324dcfde0 100644
--- a/components/atoms/NotificationsCard/notification-card.tsx
+++ b/components/atoms/NotificationsCard/notification-card.tsx
@@ -10,10 +10,10 @@ interface NotificationCard {
 
 const getSourceURL = (type: string, id: string) => {
   switch (type) {
-  case "highlight_reaction":
-    return `/feed/${id}`;
-  case "follow":
-    return `/user/${id}`;
+    case "highlight_reaction":
+      return `/feed/${id}`;
+    case "follow":
+      return `/user/${id}`;
   }
 };
 
diff --git a/components/atoms/Pill/pill.tsx b/components/atoms/Pill/pill.tsx
index c982da8c6a..58bd6b19c8 100644
--- a/components/atoms/Pill/pill.tsx
+++ b/components/atoms/Pill/pill.tsx
@@ -13,16 +13,16 @@ const Pill: React.FC<PillProps> = ({ className, text, color = "slate", size = "b
     <div
       className={`
         ${
-    color === "green"
-      ? "bg-light-grass-4 "
-      : color === "yellow"
-        ? "bg-amber-200 "
-        : color === "red"
-          ? "bg-light-red-4 "
-          : color === "purple"
+          color === "green"
+            ? "bg-light-grass-4 "
+            : color === "yellow"
+            ? "bg-amber-200 "
+            : color === "red"
+            ? "bg-light-red-4 "
+            : color === "purple"
             ? "bg-purple-200"
             : "bg-light-slate-4 "
-    }
+        }
         ${size === "small" ? "py-1 px-1.5  " : "py-1.5 px-2 "}
         inline-flex items-center rounded-full gap-1 ${className}`}
     >
@@ -31,16 +31,16 @@ const Pill: React.FC<PillProps> = ({ className, text, color = "slate", size = "b
       <div
         className={`
         ${
-    color === "green"
-      ? "text-light-grass-11"
-      : color === "yellow"
-        ? "text-amber-700"
-        : color === "red"
-          ? "text-light-red-11"
-          : color === "purple"
+          color === "green"
+            ? "text-light-grass-11"
+            : color === "yellow"
+            ? "text-amber-700"
+            : color === "red"
+            ? "text-light-red-11"
+            : color === "purple"
             ? "text-purple-600"
             : "text-light-slate-11"
-    }
+        }
             text-sm leading-none`}
       >
         {text}
diff --git a/components/atoms/PillSelector/pill-selector.tsx b/components/atoms/PillSelector/pill-selector.tsx
index f0ab0f040b..4afbbfd7d7 100644
--- a/components/atoms/PillSelector/pill-selector.tsx
+++ b/components/atoms/PillSelector/pill-selector.tsx
@@ -45,7 +45,7 @@ const PillSelector: React.FC<PillSelectorProps> = ({
   handlePillClick,
   handleCancelClick,
   className,
-  selected
+  selected,
 }) => {
   const [isOpen, setIsOpen] = useState(false);
   const show = isOpen ? "flex" : "hidden";
diff --git a/components/atoms/ProgressPie/progress-pie.tsx b/components/atoms/ProgressPie/progress-pie.tsx
index 3204aeac97..0777369462 100644
--- a/components/atoms/ProgressPie/progress-pie.tsx
+++ b/components/atoms/ProgressPie/progress-pie.tsx
@@ -1,22 +1,33 @@
 import React from "react";
 
 interface ProgressPieProps {
-    className?: string;
-    percentage?: number;
-    svgStyles?: string;
-    circleStyles?: string;
+  className?: string;
+  percentage?: number;
+  svgStyles?: string;
+  circleStyles?: string;
 }
 
-
-const ProgressPie: React.FC<ProgressPieProps> = ({ className, percentage, svgStyles, circleStyles}) => {
-
+const ProgressPie: React.FC<ProgressPieProps> = ({ className, percentage, svgStyles, circleStyles }) => {
   return (
-    <div className={`${className ? className : ""} w-6 h-6 text-base relative flex items-center justify-center border-2 rounded-full border-orange-500`}>
+    <div
+      className={`${
+        className ? className : ""
+      } w-6 h-6 text-base relative flex items-center justify-center border-2 rounded-full border-orange-500`}
+    >
       <svg className={`${svgStyles ? svgStyles : ""} w-4 h-4 text-base`} viewBox="0 0 20 20" height="20" width="20">
-        <circle className={`${circleStyles ? circleStyles : ""} transition-all duration-700 ease-out fill-transparent stroke-orange-500 -rotate-90 translate-y-[20px]`} r="5" cx="10" cy="10" strokeWidth="10" strokeDasharray={`calc(${percentage} * 31.4 / 100) 31.4`}></circle>
+        <circle
+          className={`${
+            circleStyles ? circleStyles : ""
+          } transition-all duration-700 ease-out fill-transparent stroke-orange-500 -rotate-90 translate-y-[20px]`}
+          r="5"
+          cx="10"
+          cy="10"
+          strokeWidth="10"
+          strokeDasharray={`calc(${percentage} * 31.4 / 100) 31.4`}
+        ></circle>
       </svg>
     </div>
   );
 };
 
-export default ProgressPie;
\ No newline at end of file
+export default ProgressPie;
diff --git a/components/atoms/PullRequestOverviewChart/pull-request-overview-chart.tsx b/components/atoms/PullRequestOverviewChart/pull-request-overview-chart.tsx
index e34d80233c..0141c51d05 100644
--- a/components/atoms/PullRequestOverviewChart/pull-request-overview-chart.tsx
+++ b/components/atoms/PullRequestOverviewChart/pull-request-overview-chart.tsx
@@ -15,16 +15,16 @@ const PullRequestOverviewChartBar: React.FC<PullRequestOverviewChartBarProps & R
       {...event}
       className={`
         ${
-    type === "open"
-      ? "bg-light-grass-9"
-      : type === "merged"
-        ? "bg-purple-600"
-        : type === "closed"
-          ? "bg-light-red-9"
-          : type === "draft"
+          type === "open"
+            ? "bg-light-grass-9"
+            : type === "merged"
+            ? "bg-purple-600"
+            : type === "closed"
+            ? "bg-light-red-9"
+            : type === "draft"
             ? "bg-light-slate-9"
             : ""
-    }
+        }
     ${percent === 0 && "hidden"}
         transition-all shrink-0 duration-500 ease-in-out rounded-full`}
       style={{ width: `${percent}%` }}
@@ -49,7 +49,7 @@ const PullRequestOverviewChart: React.FC<PullRequestOverviewChartProps> = ({
   closed,
   draft,
   totalPullRequests,
-  setOverviewDetails
+  setOverviewDetails,
 }) => {
   const getPercentage = (PullRequestType: number | undefined) => {
     return ((!!PullRequestType ? PullRequestType : 0) * 100) / (!!totalPullRequests ? totalPullRequests : 0);
diff --git a/components/atoms/ScrollArea/scroll-area.tsx b/components/atoms/ScrollArea/scroll-area.tsx
index ce46f91054..41bd826387 100644
--- a/components/atoms/ScrollArea/scroll-area.tsx
+++ b/components/atoms/ScrollArea/scroll-area.tsx
@@ -7,17 +7,8 @@ const ScrollArea = React.forwardRef<
   React.ElementRef<typeof ScrollAreaPrimitive.Root>,
   React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>
 >(({ className, children, ...props }, ref) => (
-  <ScrollAreaPrimitive.Root
-    ref={ref}
-    className={clsx(
-      "relative overflow-hidden", 
-      className
-    )}
-    {...props}
-  >
-    <ScrollViewport>
-      {children}
-    </ScrollViewport>
+  <ScrollAreaPrimitive.Root ref={ref} className={clsx("relative overflow-hidden", className)} {...props}>
+    <ScrollViewport>{children}</ScrollViewport>
   </ScrollAreaPrimitive.Root>
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
@@ -27,14 +18,7 @@ const ScrollViewport = React.forwardRef<
   React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>
 >(({ className, children, ...props }, ref) => (
   <>
-    <ScrollAreaPrimitive.Viewport
-      ref={ref}
-      className={clsx(
-        "h-full w-full rounded-[inherit]",
-        className
-      )}
-      {...props}
-    >
+    <ScrollAreaPrimitive.Viewport ref={ref} className={clsx("h-full w-full rounded-[inherit]", className)} {...props}>
       {children}
     </ScrollAreaPrimitive.Viewport>
     <ScrollBar />
@@ -51,10 +35,8 @@ const ScrollBar = React.forwardRef<
     ref={ref}
     className={clsx(
       "flex touch-none select-none p-0.5 transition-colors duration-[160ms] ease-out",
-      orientation === "vertical" &&
-        "h-full w-2 border-l border-l-transparent",
-      orientation === "horizontal" &&
-        "h-2 border-t border-t-transparent",
+      orientation === "vertical" && "h-full w-2 border-l border-l-transparent",
+      orientation === "horizontal" && "h-2 border-t border-t-transparent",
       className
     )}
     orientation={orientation}
@@ -65,4 +47,4 @@ const ScrollBar = React.forwardRef<
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.Scrollbar.displayName;
 
-export { ScrollArea, ScrollViewport, ScrollBar };
\ No newline at end of file
+export { ScrollArea, ScrollViewport, ScrollBar };
diff --git a/components/atoms/Select/select.tsx b/components/atoms/Select/select.tsx
index 3b73cd2a5e..422d81d069 100644
--- a/components/atoms/Select/select.tsx
+++ b/components/atoms/Select/select.tsx
@@ -47,13 +47,13 @@ const SelectContent = React.forwardRef<
     >
       <ScrollArea type="auto">
         <SelectPrimitive.Viewport
-          asChild 
+          asChild
           className={clsx(
             "p-1",
             position === "popper" &&
               "max-h-[var(--radix-select-content-available-height)] w-full min-w-[var(--radix-select-trigger-width)]"
           )}
-        >        
+        >
           <ScrollViewport className="max-h-[var(--radix-select-content-available-height)] w-full">
             {children}
           </ScrollViewport>
@@ -103,4 +103,4 @@ const SelectSeparator = React.forwardRef<
 ));
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
-export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator };
\ No newline at end of file
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator };
diff --git a/components/atoms/Sparkline/sparkline.tsx b/components/atoms/Sparkline/sparkline.tsx
index 4c55d0451f..d7476d41ce 100644
--- a/components/atoms/Sparkline/sparkline.tsx
+++ b/components/atoms/Sparkline/sparkline.tsx
@@ -7,10 +7,9 @@ interface SparklineProps {
   data?: Serie[];
 }
 
-
 const Sparkline: React.FC<SparklineProps> = ({ width = 120, height = 40, data = [] }) => {
   return (
-    <div style={{height: height, width: width}}>
+    <div style={{ height: height, width: width }}>
       <ResponsiveLine
         data={data}
         margin={{ top: 5, right: 0, bottom: 5, left: 0 }}
@@ -20,7 +19,7 @@ const Sparkline: React.FC<SparklineProps> = ({ width = 120, height = 40, data =
           min: "auto",
           max: "auto",
           stacked: true,
-          reverse: false
+          reverse: false,
         }}
         yFormat=" >-.2f"
         curve="cardinal"
@@ -37,10 +36,10 @@ const Sparkline: React.FC<SparklineProps> = ({ width = 120, height = 40, data =
         pointBorderColor={{ from: "serieColor" }}
         pointLabelYOffset={-12}
         isInteractive={false}
-        legends={[]} />
+        legends={[]}
+      />
     </div>
   );
 };
 
-
-export default Sparkline;
\ No newline at end of file
+export default Sparkline;
diff --git a/components/atoms/Toast/toast.tsx b/components/atoms/Toast/toast.tsx
index 6322a82dab..23b1a63ae8 100644
--- a/components/atoms/Toast/toast.tsx
+++ b/components/atoms/Toast/toast.tsx
@@ -23,14 +23,12 @@ ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
 
 const Toast = React.forwardRef<
   React.ElementRef<typeof ToastPrimitives.Root>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &{variant? : "success" | "warning" | "danger"  }
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> & { variant?: "success" | "warning" | "danger" }
 >(({ className, variant, ...props }, ref) => {
-
   return (
     <ToastPrimitives.Root
-
       ref={ref}
-      className={clsx(className,"bg-light-slate-2 rounded-lg border border-light-slate-6 p-2 text-center")}
+      className={clsx(className, "bg-light-slate-2 rounded-lg border border-light-slate-6 p-2 text-center")}
       {...props}
     />
   );
@@ -98,5 +96,5 @@ export {
   ToastTitle,
   ToastDescription,
   ToastClose,
-  ToastAction
+  ToastAction,
 };
diff --git a/components/atoms/ToggleGroup/toggle-group.tsx b/components/atoms/ToggleGroup/toggle-group.tsx
index ffc5b1d77e..e67ad7f39a 100644
--- a/components/atoms/ToggleGroup/toggle-group.tsx
+++ b/components/atoms/ToggleGroup/toggle-group.tsx
@@ -3,14 +3,14 @@ import { useState } from "react";
 import ToggleGroupItem from "../ToggleGroupItem/toggle-group-item";
 
 interface ToggleGroupProps {
-    children: React.ReactNode,
-    /** Allows the user to deselect an option, resulting in none being selected. */
-    allowNone?: boolean,
-    /** Decides which option will be selected by default. Provide the position of the element to be selected starting from 0. */
-    defaultSelection?: string | number,
-    /** Callback function that is called when the user selects an option, and the position of the selected element is passed into as string, starting with '0'. */
-    handleChange?: (value: string) => void,
-    className?: string
+  children: React.ReactNode;
+  /** Allows the user to deselect an option, resulting in none being selected. */
+  allowNone?: boolean;
+  /** Decides which option will be selected by default. Provide the position of the element to be selected starting from 0. */
+  defaultSelection?: string | number;
+  /** Callback function that is called when the user selects an option, and the position of the selected element is passed into as string, starting with '0'. */
+  handleChange?: (value: string) => void;
+  className?: string;
 }
 
 /** A ToggleGroup component that allows the user to select one option from a list of options.
@@ -28,34 +28,39 @@ const ToggleGroup = ({
   allowNone = false,
   defaultSelection = "0",
   handleChange,
-  className
+  className,
 }: ToggleGroupProps) => {
-  const [value, setValue] = useState(defaultSelection+"");
+  const [value, setValue] = useState(defaultSelection + "");
 
   const handleValueChange = (value: string) => {
-    if(value || allowNone) {
+    if (value || allowNone) {
       setValue(value);
       handleChange && handleChange(value);
     }
   };
 
-  if(!children) return null;
+  if (!children) return null;
 
   return (
-    <GroupToggle.Root type="single" value={value} onValueChange={handleValueChange} className={`bg-light-slate-6 rounded-lg p-0.25 ${className && className}`}>
-      {
-        Array.isArray(children) ? children.map((child, index) => (
-          <ToggleGroupItem checked={value==`${index}`} value={`${index}`} key={index}>
+    <GroupToggle.Root
+      type="single"
+      value={value}
+      onValueChange={handleValueChange}
+      className={`bg-light-slate-6 rounded-lg p-0.25 ${className && className}`}
+    >
+      {Array.isArray(children) ? (
+        children.map((child, index) => (
+          <ToggleGroupItem checked={value == `${index}`} value={`${index}`} key={index}>
             {child}
           </ToggleGroupItem>
         ))
-          : <ToggleGroupItem checked={value=="0"} value={"0"}>
-            {children}
-          </ToggleGroupItem>
-      }
+      ) : (
+        <ToggleGroupItem checked={value == "0"} value={"0"}>
+          {children}
+        </ToggleGroupItem>
+      )}
     </GroupToggle.Root>
   );
-
 };
 
 export default ToggleGroup;
diff --git a/components/atoms/ToggleGroupItem/toggle-group-item.tsx b/components/atoms/ToggleGroupItem/toggle-group-item.tsx
index 3ede2dcc7e..e2b988a096 100644
--- a/components/atoms/ToggleGroupItem/toggle-group-item.tsx
+++ b/components/atoms/ToggleGroupItem/toggle-group-item.tsx
@@ -2,25 +2,23 @@ import * as GroupToggle from "@radix-ui/react-toggle-group";
 import clsx from "clsx";
 
 interface ToggleGroupItemProps {
-    checked: boolean;
-    value: string,
-    children: React.ReactNode
+  checked: boolean;
+  value: string;
+  children: React.ReactNode;
 }
 
-const ToggleGroupItem = ({
-  checked,
-  value,
-  children
-}: ToggleGroupItemProps) => {
-
+const ToggleGroupItem = ({ checked, value, children }: ToggleGroupItemProps) => {
   return (
-    <GroupToggle.Item value={value}
-      className={clsx("text-sm text-light-slate-11 px-4 py-2 m-0.5 rounded-md font-semibold",
-        checked && "bg-light-slate-1 text-light-slate-12")}>
+    <GroupToggle.Item
+      value={value}
+      className={clsx(
+        "text-sm text-light-slate-11 px-4 py-2 m-0.5 rounded-md font-semibold",
+        checked && "bg-light-slate-1 text-light-slate-12"
+      )}
+    >
       {children}
     </GroupToggle.Item>
   );
 };
 
-export default ToggleGroupItem
-;
+export default ToggleGroupItem;
diff --git a/components/atoms/ToggleSwitch/toggle-switch.tsx b/components/atoms/ToggleSwitch/toggle-switch.tsx
index f2dcdc7710..c26826ee5a 100644
--- a/components/atoms/ToggleSwitch/toggle-switch.tsx
+++ b/components/atoms/ToggleSwitch/toggle-switch.tsx
@@ -14,7 +14,7 @@ const ToggleSwitch = ({
   checked = false,
   handleToggle,
   size = "base",
-  classNames
+  classNames,
 }: ToggleSwitchProps): JSX.Element => {
   return (
     <Switch.Root
diff --git a/components/atoms/Typography/text.tsx b/components/atoms/Typography/text.tsx
index 205f28f98d..7c22860c26 100644
--- a/components/atoms/Typography/text.tsx
+++ b/components/atoms/Typography/text.tsx
@@ -5,7 +5,7 @@ const { Text: SupabaseTextComponent } = Typography;
 
 interface TextProps extends React.ComponentProps<typeof SupabaseTextComponent> {
   //Add additional prop definitions here
-  title?: string
+  title?: string;
 }
 
 const Text: React.FC<TextProps> = (props) => {
diff --git a/components/atoms/Typography/title.tsx b/components/atoms/Typography/title.tsx
index 25e203f629..061840822b 100644
--- a/components/atoms/Typography/title.tsx
+++ b/components/atoms/Typography/title.tsx
@@ -7,8 +7,7 @@ interface TitleProps extends React.ComponentProps<typeof SupabaseTitleComponent>
   //Add additional prop definitions here
 }
 
-const Title: React.FC<TitleProps> = ( props ) => {
-
+const Title: React.FC<TitleProps> = (props) => {
   return (
     <SupabaseTitleComponent className={`${props.className && props.className}`} {...props}>
       {props.children}
@@ -16,4 +15,4 @@ const Title: React.FC<TitleProps> = ( props ) => {
   );
 };
 
-export default Title;
\ No newline at end of file
+export default Title;
diff --git a/components/molecules/AlertDialog/alert-dialog.tsx b/components/molecules/AlertDialog/alert-dialog.tsx
index dde6b1a621..394b081c9a 100644
--- a/components/molecules/AlertDialog/alert-dialog.tsx
+++ b/components/molecules/AlertDialog/alert-dialog.tsx
@@ -117,5 +117,5 @@ export {
   AlertDialogTitle,
   AlertDialogDescription,
   AlertDialogAction,
-  AlertDialogCancel
+  AlertDialogCancel,
 };
diff --git a/components/molecules/AuthContentWrapper/auth-content-wrapper.tsx b/components/molecules/AuthContentWrapper/auth-content-wrapper.tsx
index d73d0a19bf..d198aefdb1 100644
--- a/components/molecules/AuthContentWrapper/auth-content-wrapper.tsx
+++ b/components/molecules/AuthContentWrapper/auth-content-wrapper.tsx
@@ -30,24 +30,19 @@ const AuthContentWrapper: React.FC<AuthContentWrapperProps> = ({ children }) =>
     <div className="relative">
       {!isAuthed && (
         <div className="absolute z-10 w-full h-full top-0 left-0 flex items-center justify-center rounded-lg bg-white/50">
-          <Button 
-            variant="primary" 
+          <Button
+            variant="primary"
             className="z-1 items-center px-2.5 py-1"
             onClick={() => {
               signIn({ provider: "github", options: { redirectTo: `${host}${currentPath}` } });
             }}
           >
-            <Icon IconImage={GitHubIcon} className="mr-2" /> 
+            <Icon IconImage={GitHubIcon} className="mr-2" />
             Connect with GitHub
           </Button>
         </div>
       )}
-      <div className={clsx(
-        "relative",
-        !isAuthed && "blur-sm",
-      )}>
-        {children}
-      </div>
+      <div className={clsx("relative", !isAuthed && "blur-sm")}>{children}</div>
     </div>
   );
 };
diff --git a/components/molecules/AuthSection/auth-section.tsx b/components/molecules/AuthSection/auth-section.tsx
index 7daa103bc3..e129c57f99 100644
--- a/components/molecules/AuthSection/auth-section.tsx
+++ b/components/molecules/AuthSection/auth-section.tsx
@@ -97,11 +97,11 @@ const AuthSection: React.FC = ({}) => {
         onClick={async () => {
           const pageHref = window.location.href;
           const searchParams = new URLSearchParams(pageHref.substring(pageHref.indexOf("?")));
-          if (searchParams.has("login")){
+          if (searchParams.has("login")) {
             searchParams.delete("login");
             router.replace(`${pageHref.substring(0, pageHref.indexOf("?"))}?${searchParams.toString()}`);
           }
-          
+
           await signOut();
         }}
         key="authorized"
diff --git a/components/molecules/AvatarRoll/avatar-roll.tsx b/components/molecules/AvatarRoll/avatar-roll.tsx
index 678e1ec0ab..053fdcd9bd 100644
--- a/components/molecules/AvatarRoll/avatar-roll.tsx
+++ b/components/molecules/AvatarRoll/avatar-roll.tsx
@@ -16,12 +16,12 @@ const AvatarRoll = ({ avatarCount = 9 }: AvatarRollProps): JSX.Element => {
             index === 0 || index === 8
               ? "opacity-20"
               : index === 1 || index === 7
-                ? "opacity-40"
-                : index === 2 || index === 6
-                  ? "opacity-60"
-                  : index === 3 || index === 5
-                    ? "opacity-80"
-                    : "opacity-100"
+              ? "opacity-40"
+              : index === 2 || index === 6
+              ? "opacity-60"
+              : index === 3 || index === 5
+              ? "opacity-80"
+              : "opacity-100"
           }`}
         >
           <Avatar
@@ -29,12 +29,12 @@ const AvatarRoll = ({ avatarCount = 9 }: AvatarRollProps): JSX.Element => {
               index === 0 || index === 8
                 ? 24
                 : index === 1 || index === 7
-                  ? 32
-                  : index === 2 || index === 6
-                    ? 40
-                    : index === 3 || index === 5
-                      ? 44
-                      : 48
+                ? 32
+                : index === 2 || index === 6
+                ? 40
+                : index === 3 || index === 5
+                ? 44
+                : 48
             }
             avatarURL="https://images.unsplash.com/photo-1534528741775-53994a69daeb?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1064&q=80"
           />
diff --git a/components/molecules/Calendar/calendar.tsx b/components/molecules/Calendar/calendar.tsx
index d89228dd16..0ebd438326 100644
--- a/components/molecules/Calendar/calendar.tsx
+++ b/components/molecules/Calendar/calendar.tsx
@@ -35,11 +35,11 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }: C
         day_disabled: "opacity-50",
         day_range_middle: "aria-selected:bg-light-slate-3 ",
         day_hidden: "invisible",
-        ...classNames
+        ...classNames,
       }}
       components={{
         IconLeft: ({ ...props }) => <HiArrowSmLeft className="w-4 h-4" />,
-        IconRight: ({ ...props }) => <HiArrowSmRight className="w-4 h-4" />
+        IconRight: ({ ...props }) => <HiArrowSmRight className="w-4 h-4" />,
       }}
       {...props}
     />
diff --git a/components/molecules/CardHorizontalBarChart/card-horizontal-bar-chart.tsx b/components/molecules/CardHorizontalBarChart/card-horizontal-bar-chart.tsx
index 37613f4fc7..6db0d97dcc 100644
--- a/components/molecules/CardHorizontalBarChart/card-horizontal-bar-chart.tsx
+++ b/components/molecules/CardHorizontalBarChart/card-horizontal-bar-chart.tsx
@@ -60,7 +60,7 @@ const CardHorizontalBarChart = ({ languageList, withDescription }: CardHorizonta
                   width: `${percentageUsed < 20 ? (percentageUsed / percentage) * 100 : percentageUsed}%`,
                   backgroundColor: languageToColor[languageName]
                     ? (languageToColor[languageName].color as string)
-                    : NOTSUPPORTED
+                    : NOTSUPPORTED,
                 }}
               />
             )
@@ -74,7 +74,7 @@ const CardHorizontalBarChart = ({ languageList, withDescription }: CardHorizonta
             style={{
               backgroundColor: languageToColor[descriptText]
                 ? (languageToColor[descriptText].color as string)
-                : NOTSUPPORTED
+                : NOTSUPPORTED,
             }}
           />
           <Tooltip className="max-w-[100px]" content={descriptText}>
diff --git a/components/molecules/ComponentGradient/component-gradient.tsx b/components/molecules/ComponentGradient/component-gradient.tsx
index 9aec0bca60..a3061baee2 100644
--- a/components/molecules/ComponentGradient/component-gradient.tsx
+++ b/components/molecules/ComponentGradient/component-gradient.tsx
@@ -7,11 +7,9 @@ interface ComponentGradientProps {
 
 const ComponentGradient = ({ children, css }: ComponentGradientProps) => {
   return (
-   
     <div className="relative overflow-hidden flex justify-center bg-gradient-to-b h-screen from-gradient-dark-one to-gradient-dark-two">
       {/* orange gradient overlay */}
-      <div className="text-white  absolute blur-4xl -bottom-97  w-99 h-98 bg-gradient-radial from-gradient-orange-two to-gradient-orange-one  rounded-full">
-      </div>
+      <div className="text-white  absolute blur-4xl -bottom-97  w-99 h-98 bg-gradient-radial from-gradient-orange-two to-gradient-orange-one  rounded-full"></div>
       <section>{children}</section>
     </div>
   );
diff --git a/components/molecules/ContributorFilterDropdown/contributor-filter-dropdown.tsx b/components/molecules/ContributorFilterDropdown/contributor-filter-dropdown.tsx
index b96ef360a0..60774d5191 100644
--- a/components/molecules/ContributorFilterDropdown/contributor-filter-dropdown.tsx
+++ b/components/molecules/ContributorFilterDropdown/contributor-filter-dropdown.tsx
@@ -14,7 +14,7 @@ const filterOptions: { name: string; value: string }[] = [
   { name: "Contribution", value: "contribution" },
   { name: "Last 30 Days", value: "last-30-days" },
   { name: "Activities", value: "activities" },
-  { name: "Seniority", value: "seniority" }
+  { name: "Seniority", value: "seniority" },
 ];
 
 const ContributorFilterDropdown = () => {
diff --git a/components/molecules/DevCard/dev-card.tsx b/components/molecules/DevCard/dev-card.tsx
index 9c75b741fa..89846f8479 100644
--- a/components/molecules/DevCard/dev-card.tsx
+++ b/components/molecules/DevCard/dev-card.tsx
@@ -73,7 +73,7 @@ export default function DevCard(props: DevCardProps) {
     "h-full",
     "absolute",
     "left-0",
-    "top-0",
+    "top-0"
   );
 
   const faceStyle: React.CSSProperties = {
@@ -98,13 +98,7 @@ export default function DevCard(props: DevCardProps) {
         trackOnWindow={isInteractive}
         glareBorderRadius="1.5rem"
         flipHorizontally={isFlipped}
-        className={clsx(
-          "DevCard-card",
-          "relative",
-          "rounded-3x",
-          "w-full",
-          "h-full",
-        )}
+        className={clsx("DevCard-card", "relative", "rounded-3x", "w-full", "h-full")}
         style={{
           transformStyle: "preserve-3d",
         }}
diff --git a/components/molecules/DropdownList/dropdown-list.tsx b/components/molecules/DropdownList/dropdown-list.tsx
index 38ec96f7fc..6f108b0726 100644
--- a/components/molecules/DropdownList/dropdown-list.tsx
+++ b/components/molecules/DropdownList/dropdown-list.tsx
@@ -9,17 +9,23 @@ interface DropdownListProps {
   menuButtonClassName?: string;
 }
 
-const DropdownList: React.FC<DropdownListProps> = ({ children, menuContent, className, menuContentClassName, menuButtonClassName }) => (
+const DropdownList: React.FC<DropdownListProps> = ({
+  children,
+  menuContent,
+  className,
+  menuContentClassName,
+  menuButtonClassName,
+}) => (
   <Menu as="div" className={`${className ? className : ""} relative inline-block text-left`}>
-    <Menu.Button className={`${menuButtonClassName && menuButtonClassName}`}>
-      {children}
-    </Menu.Button>
-    <Menu.Items className={`${menuContentClassName && menuContentClassName} z-10 bg-white absolute right-0 w-56 origin-top-right rounded-md shadow-lg shadow-gray-400/10   focus:outline-none focus-within:ring focus-within:ring-white px-1 py-1 bg-darkestGrey text-md font-semibold`}>
-      {menuContent.map((menuItemContent, index) =>
-        <Menu.Item key={index}>
-          {menuItemContent}
-        </Menu.Item>
-      )}
+    <Menu.Button className={`${menuButtonClassName && menuButtonClassName}`}>{children}</Menu.Button>
+    <Menu.Items
+      className={`${
+        menuContentClassName && menuContentClassName
+      } z-10 bg-white absolute right-0 w-56 origin-top-right rounded-md shadow-lg shadow-gray-400/10   focus:outline-none focus-within:ring focus-within:ring-white px-1 py-1 bg-darkestGrey text-md font-semibold`}
+    >
+      {menuContent.map((menuItemContent, index) => (
+        <Menu.Item key={index}>{menuItemContent}</Menu.Item>
+      ))}
     </Menu.Items>
   </Menu>
 );
diff --git a/components/molecules/FavoriteRepos/favorite-repos.tsx b/components/molecules/FavoriteRepos/favorite-repos.tsx
index 2565ab6d71..af724dce70 100644
--- a/components/molecules/FavoriteRepos/favorite-repos.tsx
+++ b/components/molecules/FavoriteRepos/favorite-repos.tsx
@@ -5,17 +5,21 @@ interface FavoriteReposProps {
   repos: FavoriteRepoCardProps[];
 }
 
-const FavoriteRepos = ({repos}: FavoriteReposProps) => {
-
+const FavoriteRepos = ({ repos }: FavoriteReposProps) => {
   return (
     <div>
       <span className="text-xl text-light-slate-12">Favorite Repositories</span>
       <div className="flex gap-4 mt-2">
-        {
-          repos.map((repo) => (
-            <FavoriteRepoCard key={repo.name} name={repo.name} owner={repo.owner} avatarURL={repo.avatarURL} topic={repo.topic} userPage={repo.userPage} />
-          ))
-        }
+        {repos.map((repo) => (
+          <FavoriteRepoCard
+            key={repo.name}
+            name={repo.name}
+            owner={repo.owner}
+            avatarURL={repo.avatarURL}
+            topic={repo.topic}
+            userPage={repo.userPage}
+          />
+        ))}
       </div>
     </div>
   );
diff --git a/components/molecules/FilterCardSelect/filter-card-select.tsx b/components/molecules/FilterCardSelect/filter-card-select.tsx
index f26fae35f5..bddf767938 100644
--- a/components/molecules/FilterCardSelect/filter-card-select.tsx
+++ b/components/molecules/FilterCardSelect/filter-card-select.tsx
@@ -19,27 +19,27 @@ interface FilterCardSelectProps {
 const icons = {
   topic: {
     src: hashIcon.src,
-    alt: "Topic"
+    alt: "Topic",
   },
   org: {
     src: orgIcon.src,
-    alt: "Organization"
+    alt: "Organization",
   },
   contributor: {
     src: personIcon.src,
-    alt: "Contributor"
+    alt: "Contributor",
   },
   repo: {
     src: repoIcon.src,
-    alt: "Repository"
-  }
+    alt: "Repository",
+  },
 };
 
 const FilterCardSelect: React.FC<FilterCardSelectProps> = ({
   selected: filterName,
   icon = "topic",
   options,
-  handleFilterClick
+  handleFilterClick,
 }) => {
   return (
     <Select onValueChange={(value) => handleFilterClick(value)} value={filterName}>
diff --git a/components/molecules/FilterHeader/filter-header.tsx b/components/molecules/FilterHeader/filter-header.tsx
index cf2c68d46a..9b3caf5ff6 100644
--- a/components/molecules/FilterHeader/filter-header.tsx
+++ b/components/molecules/FilterHeader/filter-header.tsx
@@ -37,7 +37,10 @@ const HeaderFilter = () => {
   return (
     <>
       <div className="header-image mr-2 p-2 min-w-[130px] ">
-        <ContextThumbnail size={120} ContextThumbnailURL={getTopicThumbnail(filterName as interestsType)}></ContextThumbnail>
+        <ContextThumbnail
+          size={120}
+          ContextThumbnailURL={getTopicThumbnail(filterName as interestsType)}
+        ></ContextThumbnail>
       </div>
       <div className="header-info md:truncate flex flex-col grow justify-center p-2">
         <Title level={1} className="!text-3xl font-semibold tracking-tight text-slate-900">
diff --git a/components/molecules/HighlightCard/highlight-card.tsx b/components/molecules/HighlightCard/highlight-card.tsx
index 0363e59637..1f8afa2f62 100644
--- a/components/molecules/HighlightCard/highlight-card.tsx
+++ b/components/molecules/HighlightCard/highlight-card.tsx
@@ -32,28 +32,28 @@ const icons = {
   contributors: {
     src: personIcon.src,
     label: "Contributors",
-    color: "bg-blue-100"
+    color: "bg-blue-100",
   },
   participation: {
     src: repoIcon.src,
     label: "Participation",
-    color: "bg-blue-100"
+    color: "bg-blue-100",
   },
   "accepted-pr": {
     src: prIcon.src,
     label: "Accepted PRs",
-    color: "bg-green-100"
+    color: "bg-green-100",
   },
   "unlabeled-pr": {
     src: labelIcon.src,
     label: "Unlabeled PRs",
-    color: "bg-cyan-100"
+    color: "bg-cyan-100",
   },
   spam: {
     src: thumbsIcon.src,
     label: "Spam",
-    color: "bg-orange-100"
-  }
+    color: "bg-orange-100",
+  },
 };
 
 const HighlightCard: React.FC<HighlightCardProps> = ({
@@ -68,7 +68,7 @@ const HighlightCard: React.FC<HighlightCardProps> = ({
   value,
   valueLabel,
   contributors = [],
-  isLoading
+  isLoading,
 }) => {
   return (
     <Card className={`${className ? className : ""} flex flex-col w-full sm:max-w-[calc(50%-(1rem/2))] h-auto `}>
@@ -110,7 +110,7 @@ const HighlightCard: React.FC<HighlightCardProps> = ({
         </div>
 
         {/* Main Information */}
-        { isLoading ? (
+        {isLoading ? (
           <SkeletonWrapper height={79} count={2} />
         ) : (
           <div className="flex flex-col w-full px-6 pb-5 mt-2">
@@ -118,19 +118,25 @@ const HighlightCard: React.FC<HighlightCardProps> = ({
             <div className="flex flex-col items-center">
               {/* Percentage */}
               <div className="text-4xl">
-                {percentage !== undefined ? `${percentage}%` : <span></span>}{value !== undefined ? value : ""}
+                {percentage !== undefined ? `${percentage}%` : <span></span>}
+                {value !== undefined ? value : ""}
               </div>
 
               {/* Label */}
               <div className="text-base   text-slate-600 mt-0.5">
-                <span>{percentageLabel ? percentageLabel : ""}{valueLabel ? valueLabel : ""}&nbsp;</span>
+                <span>
+                  {percentageLabel ? percentageLabel : ""}
+                  {valueLabel ? valueLabel : ""}&nbsp;
+                </span>
               </div>
             </div>
 
             {/* Contributor Cards */}
-            { contributors && <div className="flex items-center justify-center mt-7 h-1">
-              <StackedAvatar contributors={contributors} visibleQuantity={5} />
-            </div> }
+            {contributors && (
+              <div className="flex items-center justify-center mt-7 h-1">
+                <StackedAvatar contributors={contributors} visibleQuantity={5} />
+              </div>
+            )}
 
             {/* Progress Bar */}
             <div
@@ -144,18 +150,22 @@ const HighlightCard: React.FC<HighlightCardProps> = ({
                     ? percentage && percentage > 70
                       ? "bg-green-500"
                       : percentage && percentage > 30
-                        ? "bg-yellow-500"
-                        : "bg-red-500"
+                      ? "bg-yellow-500"
+                      : "bg-red-500"
                     : percentage && percentage > 70
-                      ? "bg-red-500"
-                      : percentage && percentage > 30
-                        ? "bg-yellow-500"
-                        : "bg-green-500"
+                    ? "bg-red-500"
+                    : percentage && percentage > 30
+                    ? "bg-yellow-500"
+                    : "bg-green-500"
                 } h-3 rounded-full transition-all duration-500 ease-in-out`}
                 style={{ width: (percentage ? percentage : 0) + "%" }}
               ></div>
 
-              <div className={`${ percentage !== undefined && "bg-gray-200"} w-auto flex-auto h-3 rounded-full transition-all duration-500 ease-in-out`}></div>
+              <div
+                className={`${
+                  percentage !== undefined && "bg-gray-200"
+                } w-auto flex-auto h-3 rounded-full transition-all duration-500 ease-in-out`}
+              ></div>
             </div>
           </div>
         )}
diff --git a/components/molecules/HighlightInput/highlight-input-form.tsx b/components/molecules/HighlightInput/highlight-input-form.tsx
index a3b95c11d1..aa3fc73c8c 100644
--- a/components/molecules/HighlightInput/highlight-input-form.tsx
+++ b/components/molecules/HighlightInput/highlight-input-form.tsx
@@ -103,17 +103,15 @@ const HighlightInputForm = ({ refreshCallback }: HighlightInputFormProps): JSX.E
     }
   };
 
-
   // Handle collapsible change
   const handleCollapsibleOpenChange = () => {
-    if(isDivFocused && !charCount) {
+    if (isDivFocused && !charCount) {
       setIsDivFocused(false);
-    } else{
+    } else {
       setIsDivFocused(true);
     }
   };
 
-
   return (
     <form onSubmit={handlePostHighlight} className="flex flex-col flex-1 gap-4">
       <Collapsible onOpenChange={handleCollapsibleOpenChange} open={isDivFocused}>
diff --git a/components/molecules/HoverCardWrapper/hover-card-wrapper.tsx b/components/molecules/HoverCardWrapper/hover-card-wrapper.tsx
index c41673a1c8..3bf66b3f47 100644
--- a/components/molecules/HoverCardWrapper/hover-card-wrapper.tsx
+++ b/components/molecules/HoverCardWrapper/hover-card-wrapper.tsx
@@ -1,6 +1,5 @@
 import { useRouter } from "next/router";
 
-
 import { useFetchUser } from "lib/hooks/useFetchUser";
 import { useContributorPullRequestsChart } from "lib/hooks/useContributorPullRequestsChart";
 import { getAvatarByUsername } from "lib/utils/github";
diff --git a/components/molecules/InsightPageCard/insight-page-card.tsx b/components/molecules/InsightPageCard/insight-page-card.tsx
index f66435b243..88831634be 100644
--- a/components/molecules/InsightPageCard/insight-page-card.tsx
+++ b/components/molecules/InsightPageCard/insight-page-card.tsx
@@ -30,26 +30,26 @@ const InsightPageCard = ({ insight, user }: InsightPageCardProps): JSX.Element =
       label: "open",
       value: open,
       id: "open",
-      color: "hsla(131, 41%, 46%, 1)"
+      color: "hsla(131, 41%, 46%, 1)",
     },
     {
       label: "merged",
       value: merged,
       id: "merged",
-      color: "hsla(272, 51%, 54%, 1)"
+      color: "hsla(272, 51%, 54%, 1)",
     },
     {
       label: "closed",
       value: closed,
       id: "closed",
-      color: "hsla(11, 89%, 54%, 1)"
+      color: "hsla(11, 89%, 54%, 1)",
     },
     {
       label: "draft",
       value: drafts,
       id: "draft",
-      color: "hsla(205, 11%, 78%, 1)"
-    }
+      color: "hsla(205, 11%, 78%, 1)",
+    },
   ];
 
   // Function to handle copy to clipboard
diff --git a/components/molecules/InsightRow/insight-row.tsx b/components/molecules/InsightRow/insight-row.tsx
index 6f6fd3bcd0..e31a2318dd 100644
--- a/components/molecules/InsightRow/insight-row.tsx
+++ b/components/molecules/InsightRow/insight-row.tsx
@@ -43,7 +43,9 @@ const InsightRow = ({ insight, user }: InsightRowProps) => {
           </div>
         </div>
         <div className="w-full truncate">
-          {insight.repos && insight.repos.length > 0 && <CardRepoList limit={3} repoList={repoList} total={repoMeta.itemCount} />}
+          {insight.repos && insight.repos.length > 0 && (
+            <CardRepoList limit={3} repoList={repoList} total={repoMeta.itemCount} />
+          )}
         </div>
       </div>
       <div className="flex-1 w-full">
@@ -80,10 +82,7 @@ const InsightRow = ({ insight, user }: InsightRowProps) => {
             </Link>
             <Link href={`/pages/${user?.user_metadata.user_name}/${insight.id}/dashboard`}>
               <span className=" bg-light-slate-1 inline-block rounded-lg p-2.5 border cursor-pointer">
-                <MdOutlineArrowForwardIos
-                  title="Go To Insight Page"
-                  className="text-light-slate-10 text-lg"
-                />
+                <MdOutlineArrowForwardIos title="Go To Insight Page" className="text-light-slate-10 text-lg" />
               </span>
             </Link>
           </div>
diff --git a/components/molecules/InsightsPageListDropdown/insights-page-list-dropdown.tsx b/components/molecules/InsightsPageListDropdown/insights-page-list-dropdown.tsx
index 1f6f1560b2..b1645c8b64 100644
--- a/components/molecules/InsightsPageListDropdown/insights-page-list-dropdown.tsx
+++ b/components/molecules/InsightsPageListDropdown/insights-page-list-dropdown.tsx
@@ -6,7 +6,7 @@ import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
-  DropdownMenuTrigger
+  DropdownMenuTrigger,
 } from "components/atoms/Dropdown/dropdown";
 import InsightsPageListItem from "components/atoms/InsightsPageListItem/insights-page-list-item";
 
diff --git a/components/molecules/LatestPrTableRow/latest-pr-table-row.tsx b/components/molecules/LatestPrTableRow/latest-pr-table-row.tsx
index a9a6760042..9d499f1c26 100644
--- a/components/molecules/LatestPrTableRow/latest-pr-table-row.tsx
+++ b/components/molecules/LatestPrTableRow/latest-pr-table-row.tsx
@@ -32,9 +32,8 @@ const LatestPrTableRow = ({
   isHoverCard,
   repoFullName,
   prNumber,
-  prUpdatedTime
+  prUpdatedTime,
 }: LatestPrTableRowProps) => {
-
   return (
     <div className="flex gap-2 items-center px-2 py-1">
       <div className={`flex item-center gap-2 w-3/5 ${isHoverCard && "w-5/6"}`}>
@@ -42,7 +41,7 @@ const LatestPrTableRow = ({
           <IconContext.Provider value={{ color: "green", style: { width: 14, height: 14, marginTop: 2 } }}>
             <VscGitPullRequest title="Open Pull Request" />
           </IconContext.Provider>
-        ) : (!draft && prStatus.toLowerCase() === "closed" || prStatus.toLowerCase() === "merged") ? (
+        ) : (!draft && prStatus.toLowerCase() === "closed") || prStatus.toLowerCase() === "merged" ? (
           <IconContext.Provider
             value={{ color: merged ? "purple" : "red", style: { width: 14, height: 14, marginTop: 2 } }}
           >
diff --git a/components/molecules/NivoScatterChart/nivo-scatter-chart.tsx b/components/molecules/NivoScatterChart/nivo-scatter-chart.tsx
index 4a0b126799..ae98a04dba 100644
--- a/components/molecules/NivoScatterChart/nivo-scatter-chart.tsx
+++ b/components/molecules/NivoScatterChart/nivo-scatter-chart.tsx
@@ -73,17 +73,17 @@ const NivoScatterPlot = ({
 
   const handleTogglePrFilter = (val: string) => {
     switch (val) {
-    case "0":
-      handleSetPrFilter("all");
-      break;
+      case "0":
+        handleSetPrFilter("all");
+        break;
 
-    case "1":
-      handleSetPrFilter("open");
-      break;
+      case "1":
+        handleSetPrFilter("open");
+        break;
 
-    case "2":
-      handleSetPrFilter("closed");
-      break;
+      case "2":
+        handleSetPrFilter("closed");
+        break;
     }
   };
 
diff --git a/components/molecules/Pagination/pagination.tsx b/components/molecules/Pagination/pagination.tsx
index 51ea59643f..f03ec84118 100644
--- a/components/molecules/Pagination/pagination.tsx
+++ b/components/molecules/Pagination/pagination.tsx
@@ -25,7 +25,7 @@ const Pagination = ({
   pageSize = 10,
   hasPreviousPage = false,
   hasNextPage = true,
-  onPageChange
+  onPageChange,
 }: PaginationProps): JSX.Element => {
   // This logics are meant for testing purpose
   const [selected, setSelected] = useState(page);
@@ -82,7 +82,7 @@ const Pagination = ({
         <div
           className={`${divisor && "md:border-r-2 border-r-light-slate-6"} text-sm text-light-slate-9    py-1 md:pr-4`}
         >
-          Total {totalPage > 999 ? humanizeNumber(totalPage, null) : totalPage} 
+          Total {totalPage > 999 ? humanizeNumber(totalPage, null) : totalPage}
           <span className="md:invisible lg:visible"> pages </span>
         </div>
         {goToPage && (
diff --git a/components/molecules/PaginationResults/pagination-result.tsx b/components/molecules/PaginationResults/pagination-result.tsx
index eea92c920c..ee66a0c7a5 100644
--- a/components/molecules/PaginationResults/pagination-result.tsx
+++ b/components/molecules/PaginationResults/pagination-result.tsx
@@ -19,7 +19,11 @@ const PaginationResults = ({ metaInfo, entity, total, className }: PaginationRes
       ? metaInfo.page * metaInfo.limit
       : metaInfo.itemCount;
   return (
-    <div className={`${className ? className : ""} md:inline-block items-center gap-x-1   text-sm text-light-slate-9 tracking-tight`}>
+    <div
+      className={`${
+        className ? className : ""
+      } md:inline-block items-center gap-x-1   text-sm text-light-slate-9 tracking-tight`}
+    >
       <span className="hidden md:inline-block">Showing</span> <span className="text-light-slate-12">{from} -</span>
       <span className="text-light-slate-12">{to}</span> of {total > 999 ? humanizeNumber(total, null) : total}
       {/* hide on medium screens */}
diff --git a/components/molecules/PieChart/pie-chart.tsx b/components/molecules/PieChart/pie-chart.tsx
index fb18d7f39b..7d676518ba 100644
--- a/components/molecules/PieChart/pie-chart.tsx
+++ b/components/molecules/PieChart/pie-chart.tsx
@@ -38,13 +38,13 @@ const PieChart = ({ data }: PierChartProps) => {
         activeOuterRadiusOffset={4}
         colors={{ datum: "data.color" }}
         borderColor={{
-          from: "color"
+          from: "color",
         }}
         enableArcLinkLabels={false}
         enableArcLabels={false}
         arcLabelsSkipAngle={10}
         arcLabelsTextColor={{
-          from: "color"
+          from: "color",
         }}
         tooltip={function (e) {
           var t = e.datum;
diff --git a/components/molecules/PullRequestOverview/pull-request-overview.tsx b/components/molecules/PullRequestOverview/pull-request-overview.tsx
index 483fc6a66f..93908b7752 100644
--- a/components/molecules/PullRequestOverview/pull-request-overview.tsx
+++ b/components/molecules/PullRequestOverview/pull-request-overview.tsx
@@ -21,7 +21,7 @@ const PullRequestOverview: React.FC<PullRequestOverviewProps> = ({
   draft,
   churn,
   churnDirection = "down",
-  prActiveCount
+  prActiveCount,
 }) => {
   const totalPullRequests = Math.round(
     (!!open ? open : 0) + (!!merged ? merged : 0) + (!!closed ? closed : 0) + (!!draft ? draft : 0)
@@ -47,14 +47,14 @@ const PullRequestOverview: React.FC<PullRequestOverviewProps> = ({
         <div
           className={`
           ${
-    prOverviewDetails.type === "open"
-      ? "text-light-grass-10"
-      : prOverviewDetails.type === "closed"
-        ? "text-light-red-10"
-        : prOverviewDetails.type === "merged"
-          ? "text-purple-600"
-          : "text-light-slate-9"
-    }
+            prOverviewDetails.type === "open"
+              ? "text-light-grass-10"
+              : prOverviewDetails.type === "closed"
+              ? "text-light-red-10"
+              : prOverviewDetails.type === "merged"
+              ? "text-purple-600"
+              : "text-light-slate-9"
+          }
             flex items-center gap-x-1 text-base tracking-tight`}
         >
           {prOverviewDetails.type === "open" ? (
diff --git a/components/molecules/PullRequestSocialCard/pull-request-social-card.tsx b/components/molecules/PullRequestSocialCard/pull-request-social-card.tsx
index 57c5c870ec..7cb19486ec 100644
--- a/components/molecules/PullRequestSocialCard/pull-request-social-card.tsx
+++ b/components/molecules/PullRequestSocialCard/pull-request-social-card.tsx
@@ -26,7 +26,7 @@ const PullRequestSocialCard = ({
   prTicketId,
   commentsCount,
   linesAdded,
-  linesRemoved
+  linesRemoved,
 }: PullRequestSocialCardProps) => {
   return (
     <div className="w-[26.375rem] cursor-pointer border rounded-xl px-5 py-4">
diff --git a/components/molecules/PullRequestTable/pull-request-table.tsx b/components/molecules/PullRequestTable/pull-request-table.tsx
index 814eca469c..a9d307f955 100644
--- a/components/molecules/PullRequestTable/pull-request-table.tsx
+++ b/components/molecules/PullRequestTable/pull-request-table.tsx
@@ -22,7 +22,14 @@ interface CardTableProps {
   range?: number;
 }
 
-const PullRequestTable = ({ contributor, topic, repositories, limit, isHoverCard, range }: CardTableProps): JSX.Element => {
+const PullRequestTable = ({
+  contributor,
+  topic,
+  repositories,
+  limit,
+  isHoverCard,
+  range,
+}: CardTableProps): JSX.Element => {
   const { data, isLoading } = useContributorPullRequests(contributor, topic, repositories, limit, range);
 
   return data.length > 0 ? (
@@ -44,7 +51,7 @@ const PullRequestTable = ({ contributor, topic, repositories, limit, isHoverCard
                 deletions,
                 number: prNumber,
                 full_name: fullName,
-                updated_at: prUpdatedTime
+                updated_at: prUpdatedTime,
               },
               index
             ) => {
@@ -59,7 +66,7 @@ const PullRequestTable = ({ contributor, topic, repositories, limit, isHoverCard
                 noOfLinesChanged: Math.abs(additions - deletions),
                 repoFullName: fullName,
                 prNumber,
-                prUpdatedTime
+                prUpdatedTime,
               };
 
               return <LatestPrTableRow isHoverCard={isHoverCard} key={index} {...latestPrs} />;
diff --git a/components/molecules/ReportsHistory/csv-download.tsx b/components/molecules/ReportsHistory/csv-download.tsx
index 119e6085f6..c9a1a333f0 100644
--- a/components/molecules/ReportsHistory/csv-download.tsx
+++ b/components/molecules/ReportsHistory/csv-download.tsx
@@ -38,7 +38,7 @@ const CSVDownload = ({ report, repositories }: CSVDownloadProps) => {
     query.set("filter", selectedFilter);
     query.set("limit", "100");
     query.set("range", "30");
-    
+
     if (repositories && repositories.length > 0) {
       query.set("repoIds", repositories.join(","));
     }
diff --git a/components/molecules/StackedAvatar/stacked-avatar.tsx b/components/molecules/StackedAvatar/stacked-avatar.tsx
index f4b879d4b8..a43fca9e42 100644
--- a/components/molecules/StackedAvatar/stacked-avatar.tsx
+++ b/components/molecules/StackedAvatar/stacked-avatar.tsx
@@ -11,12 +11,12 @@ declare interface StackedAvatarProps {
   visibleQuantity?: number;
 }
 
-const StackedAvatar = ({ contributors , visibleQuantity = 5}: StackedAvatarProps) => {
+const StackedAvatar = ({ contributors, visibleQuantity = 5 }: StackedAvatarProps) => {
   const router = useRouter();
   const { filterName } = router.query;
-  const insightId = Number.isInteger(parseInt(filterName as string, 10)) ? filterName as string : "";
+  const insightId = Number.isInteger(parseInt(filterName as string, 10)) ? (filterName as string) : "";
   const { data: insight, isError } = useInsight(insightId);
-  const repositories = insight ? insight.repos.map(repo => repo.repo_id) : [];
+  const repositories = insight ? insight.repos.map((repo) => repo.repo_id) : [];
 
   if (isError) {
     console.log("Error fetching insight", isError);
@@ -25,15 +25,17 @@ const StackedAvatar = ({ contributors , visibleQuantity = 5}: StackedAvatarProps
 
   return (
     <div className="-space-x-3 hover:-space-x-1 flex transition-all duration-300">
-      {contributors && contributors.slice(0, visibleQuantity).map(({ host_login: hostLogin }) => (
-        <div
-          key={`contributor-avatar-${hostLogin}`}
-          className="w-8 h-8 overflow-hidden rounded-full border-2 border-solid border-white transition-all duration-300"
-        >
-          <AvatarHoverCard contributor={hostLogin} repositories={repositories} />
-        </div>
-      ))}
+      {contributors &&
+        contributors.slice(0, visibleQuantity).map(({ host_login: hostLogin }) => (
+          <div
+            key={`contributor-avatar-${hostLogin}`}
+            className="w-8 h-8 overflow-hidden rounded-full border-2 border-solid border-white transition-all duration-300"
+          >
+            <AvatarHoverCard contributor={hostLogin} repositories={repositories} />
+          </div>
+        ))}
     </div>
-  );};
+  );
+};
 
 export default StackedAvatar;
diff --git a/components/molecules/SuperlativeSelector/superlative-selector.tsx b/components/molecules/SuperlativeSelector/superlative-selector.tsx
index f6149a08a1..d5513d9aaa 100644
--- a/components/molecules/SuperlativeSelector/superlative-selector.tsx
+++ b/components/molecules/SuperlativeSelector/superlative-selector.tsx
@@ -1,4 +1,3 @@
-
 import React, { useEffect, useRef, useState } from "react";
 import ContextFilterButton from "components/atoms/ContextFilterButton/context-filter-button";
 import cancelIcon from "img/x-circle.svg";
@@ -21,7 +20,7 @@ const SuperativeSelector: React.FC<SuperlativeSelectorProps> = ({
   filterValues,
   handleFilterClick,
   handleCancelClick,
-  selected
+  selected,
 }) => {
   const ref = useRef<HTMLDivElement>(null);
   const [isOpen, setIsOpen] = useState(false);
diff --git a/components/molecules/TableHeader/table-header.tsx b/components/molecules/TableHeader/table-header.tsx
index 44aa05632b..17bda21521 100644
--- a/components/molecules/TableHeader/table-header.tsx
+++ b/components/molecules/TableHeader/table-header.tsx
@@ -53,10 +53,10 @@ const TableHeader = ({
       {
         ...(providerToken
           ? {
-            headers: {
-              Authorization: `Bearer ${providerToken}`,
-            },
-          }
+              headers: {
+                Authorization: `Bearer ${providerToken}`,
+              },
+            }
           : {}),
       }
     );
diff --git a/components/molecules/TeamMemberRow/team-member-row.tsx b/components/molecules/TeamMemberRow/team-member-row.tsx
index f459028b8a..775ed0d584 100644
--- a/components/molecules/TeamMemberRow/team-member-row.tsx
+++ b/components/molecules/TeamMemberRow/team-member-row.tsx
@@ -20,14 +20,14 @@ const mapRoleToText: Record<TeamMemberRowProps["access"], string> = {
   admin: "Admin",
   edit: "can edit",
   view: "can view",
-  pending: "Pending"
+  pending: "Pending",
 };
 
 const filterOptions = [
   { name: "Admin", value: "admin" },
   { name: "can edit", value: "edit" },
   { name: "can view", value: "view" },
-  { name: "remove", value: "remove" }
+  { name: "remove", value: "remove" },
 ];
 
 const TeamMemberRow = ({ className, name, avatarUrl, access, email, onDelete, onUpdate, id }: TeamMemberRowProps) => {
diff --git a/components/molecules/TeamMembersConfig/team-members-config.tsx b/components/molecules/TeamMembersConfig/team-members-config.tsx
index ce7a55c270..28298cb45c 100644
--- a/components/molecules/TeamMembersConfig/team-members-config.tsx
+++ b/components/molecules/TeamMembersConfig/team-members-config.tsx
@@ -29,7 +29,7 @@ const TeamMembersConfig = ({
   members,
   onAddMember,
   onDeleteMember,
-  onUpdateMember
+  onUpdateMember,
 }: TeamMembersConfigProps) => {
   const [validInput, setValidInput] = useState(false);
   const [email, setEmail] = useState("");
diff --git a/components/molecules/Toaster/toaster.tsx b/components/molecules/Toaster/toaster.tsx
index ac7f94ca2a..6bb85896fc 100644
--- a/components/molecules/Toaster/toaster.tsx
+++ b/components/molecules/Toaster/toaster.tsx
@@ -5,7 +5,7 @@ import {
   ToastDescription,
   ToastProvider,
   ToastTitle,
-  ToastViewport
+  ToastViewport,
 } from "components/atoms/Toast/toast";
 
 import successIcon from "img/icons/success.svg";
diff --git a/components/organisms/Contributors/contributors.tsx b/components/organisms/Contributors/contributors.tsx
index 3fc56bdbd6..38138decbd 100644
--- a/components/organisms/Contributors/contributors.tsx
+++ b/components/organisms/Contributors/contributors.tsx
@@ -41,16 +41,16 @@ const Contributors = ({ repositories }: ContributorProps): JSX.Element => {
   const contributorArray = isError
     ? []
     : contributors.map((contributor) => {
-      const timeSinceFirstCommit = calcDistanceFromToday(new Date(contributor.first_commit_time));
+        const timeSinceFirstCommit = calcDistanceFromToday(new Date(contributor.first_commit_time));
 
-      return {
-        profile: {
-          githubAvatar: getAvatarByUsername(contributor.host_login),
-          githubName: contributor.host_login,
-          dateOfFirstPR: timeSinceFirstCommit,
-        },
-      };
-    });
+        return {
+          profile: {
+            githubAvatar: getAvatarByUsername(contributor.host_login),
+            githubName: contributor.host_login,
+            dateOfFirstPR: timeSinceFirstCommit,
+          },
+        };
+      });
 
   return (
     <>
diff --git a/components/organisms/DevCardCarousel/dev-card-carousel.tsx b/components/organisms/DevCardCarousel/dev-card-carousel.tsx
index b41f9bf7fb..1a53c4d258 100644
--- a/components/organisms/DevCardCarousel/dev-card-carousel.tsx
+++ b/components/organisms/DevCardCarousel/dev-card-carousel.tsx
@@ -83,8 +83,6 @@ export default function DevCardCarousel(props: DevCardCarouselProps) {
     });
   }, [cardOrder, api]);
 
-
-
   return (
     <div className="flex flex-col gap-6">
       <div className="grid place-content-center">
diff --git a/components/organisms/Footer/footer.tsx b/components/organisms/Footer/footer.tsx
index 2c07199e99..7b4c021f7a 100644
--- a/components/organisms/Footer/footer.tsx
+++ b/components/organisms/Footer/footer.tsx
@@ -15,46 +15,46 @@ const footerContext = [
   {
     privacy: {
       url: "https://app.termly.io/document/privacy-policy/5e303854-d262-468a-80ec-54b645d01c2e",
-      text: "Privacy"
+      text: "Privacy",
     },
     terms: {
       url: "https://app.termly.io/document/terms-of-use-for-saas/03e4e1c1-53ad-4fc4-b415-5c3f0e8c25ef",
-      text: "Terms"
+      text: "Terms",
     },
-    status: { url: "http://status.opensauced.pizza/", text: "Status" }
+    status: { url: "http://status.opensauced.pizza/", text: "Status" },
   },
   {
     hot: { url: "https://hot.opensauced.pizza", text: "hot.opensauced.pizza" },
-    openSauced: { url: "https://opensauced.pizza", text: "opensauced.pizza" }
+    openSauced: { url: "https://opensauced.pizza", text: "opensauced.pizza" },
   },
   {
     socials: [
       {
         url: "https://twitter.com/saucedopen",
-        icon: <AiOutlineTwitter className="text-2xl hover:text-light-slate-10 text-light-slate-9" />
+        icon: <AiOutlineTwitter className="text-2xl hover:text-light-slate-10 text-light-slate-9" />,
       },
       {
         url: "https://github.com/open-sauced",
-        icon: <AiOutlineGithub className="text-2xl hover:text-light-slate-10  text-light-slate-9" />
+        icon: <AiOutlineGithub className="text-2xl hover:text-light-slate-10  text-light-slate-9" />,
       },
       {
         url: "https://www.instagram.com/opensauced/",
-        icon: <AiFillInstagram className="text-2xl hover:text-light-slate-10  text-light-slate-9" />
+        icon: <AiFillInstagram className="text-2xl hover:text-light-slate-10  text-light-slate-9" />,
       },
       {
         url: "https://www.youtube.com/opensauced",
-        icon: <AiFillYoutube className="text-2xl hover:text-light-slate-10  text-light-slate-9" />
+        icon: <AiFillYoutube className="text-2xl hover:text-light-slate-10  text-light-slate-9" />,
       },
       {
         url: "https://discord.com/invite/U2peSNf23P",
-        icon: <FaDiscord className="text-2xl hover:text-light-slate-10  text-light-slate-9" />
+        icon: <FaDiscord className="text-2xl hover:text-light-slate-10  text-light-slate-9" />,
       },
       {
         url: "https://dev.to/opensauced/",
-        icon: <FaDev className="text-2xl hover:text-light-slate-10  text-light-slate-9" />
-      }
-    ]
-  }
+        icon: <FaDev className="text-2xl hover:text-light-slate-10  text-light-slate-9" />,
+      },
+    ],
+  },
 ];
 
 const Footer = (): JSX.Element => {
@@ -67,7 +67,7 @@ const Footer = (): JSX.Element => {
           </div>
           <span className="lg:hidden font-bold text-light-slate-12 ">OpenSauced</span>
           <Text className="hidden !text-light-slate-9 lg:inline-block">
-            © {(new Date()).getFullYear()} <span className="hidden lg:inline-block">OpenSauced</span>
+            © {new Date().getFullYear()} <span className="hidden lg:inline-block">OpenSauced</span>
           </Text>
         </div>
         <div className="flex lg:mr-auto lg:text-sm text-light-slate-11 justify-center gap-x-4">
@@ -123,7 +123,7 @@ const Footer = (): JSX.Element => {
         </div>
         <div className="flex md:justify-center lg:hidden lg:border-none lg:order-2 border-t py-3 pb-4 mt-2 text-sm justify-between">
           <Text className="text-light-slate-9">
-            © {(new Date()).getFullYear()} <span className="hidden md:inline-block">Open sauced</span>
+            © {new Date().getFullYear()} <span className="hidden md:inline-block">Open sauced</span>
           </Text>
           <div className="flex items-center gap-x-3 text-light-slate-11 text-sm">
             <a className="px-2" href={footerContext[0].terms?.url} target="_blank" rel="noreferrer">
diff --git a/components/organisms/Header/header.tsx b/components/organisms/Header/header.tsx
index f4af392a0e..126273de19 100644
--- a/components/organisms/Header/header.tsx
+++ b/components/organisms/Header/header.tsx
@@ -1,11 +1,7 @@
 import React from "react";
 
-const Header = ({children}: {children: React.ReactNode}): JSX.Element => {
-  return (
-    <section className="header flex flex-col md:flex-row pt-6 px-4 md:px-16 bg-light-slate-3">
-      {children}
-    </section>
-  );
+const Header = ({ children }: { children: React.ReactNode }): JSX.Element => {
+  return <section className="header flex flex-col md:flex-row pt-6 px-4 md:px-16 bg-light-slate-3">{children}</section>;
 };
 
 export default Header;
diff --git a/components/organisms/InsightPage/DeleteInsightPageModal.tsx b/components/organisms/InsightPage/DeleteInsightPageModal.tsx
index 457fa19f9d..8fe5bb6f96 100644
--- a/components/organisms/InsightPage/DeleteInsightPageModal.tsx
+++ b/components/organisms/InsightPage/DeleteInsightPageModal.tsx
@@ -23,7 +23,7 @@ const DeleteInsightPageModal: FC<ModalProps> = ({
   pageName,
   onConfirm,
   onClose,
-  isLoading
+  isLoading,
 }) => {
   const [input, setInput] = useState("");
 
diff --git a/components/organisms/InsightPage/InsightPage.tsx b/components/organisms/InsightPage/InsightPage.tsx
index f8e5205eea..3c2ced0966 100644
--- a/components/organisms/InsightPage/InsightPage.tsx
+++ b/components/organisms/InsightPage/InsightPage.tsx
@@ -115,7 +115,7 @@ const InsightPage = ({ edit, insight, pageRepos }: InsightPageProps) => {
       repoName: repoName,
       totalPrs,
       avatar: getAvatarByUsername(repoOwner, 60),
-      handleRemoveItem: () => { },
+      handleRemoveItem: () => {},
     };
   });
 
@@ -249,7 +249,7 @@ const InsightPage = ({ edit, insight, pageRepos }: InsightPageProps) => {
       setRepoHistory((historyRepos) => {
         return historyRepos.filter((repo) => `${repo.full_name}` !== repoAdded);
       });
-    } catch (e) { }
+    } catch (e) {}
   };
 
   const handleRemoveRepository = (id: string) => {
@@ -313,10 +313,10 @@ const InsightPage = ({ edit, insight, pageRepos }: InsightPageProps) => {
       {
         ...(providerToken
           ? {
-            headers: {
-              Authorization: `Bearer ${providerToken}`,
-            },
-          }
+              headers: {
+                Authorization: `Bearer ${providerToken}`,
+              },
+            }
           : {}),
       }
     );
@@ -499,7 +499,7 @@ const InsightPage = ({ edit, insight, pageRepos }: InsightPageProps) => {
               />
             </div>
           </div>
-        </div>  
+        </div>
       </div>
 
       <DeleteInsightPageModal
@@ -515,4 +515,4 @@ const InsightPage = ({ edit, insight, pageRepos }: InsightPageProps) => {
   );
 };
 
-export default InsightPage;
\ No newline at end of file
+export default InsightPage;
diff --git a/components/organisms/LoginTopNav/login-top-nav.tsx b/components/organisms/LoginTopNav/login-top-nav.tsx
index ff9e60ff60..655e02a42e 100644
--- a/components/organisms/LoginTopNav/login-top-nav.tsx
+++ b/components/organisms/LoginTopNav/login-top-nav.tsx
@@ -2,7 +2,6 @@ import React from "react";
 import HeaderLogo from "../../molecules/HeaderLogo/header-logo";
 
 const LoginTopNav: React.FC = () => {
-
   return (
     <header className="top-nav-container flex justify-between items-center pr-1 md:px-16 py-0.5">
       <HeaderLogo withBg={false} textIsBlack />
diff --git a/components/organisms/Reports/reports.tsx b/components/organisms/Reports/reports.tsx
index 2fd5887bc8..729ee57ffb 100644
--- a/components/organisms/Reports/reports.tsx
+++ b/components/organisms/Reports/reports.tsx
@@ -36,7 +36,7 @@ const Reports = ({ hasReports, repositories }: ReportsProps): JSX.Element => {
   const filterList = filterOptions.map((filter) => {
     return {
       filterName: filter,
-      filterValue: filter.toLowerCase().replaceAll(" ", "-")
+      filterValue: filter.toLowerCase().replaceAll(" ", "-"),
     };
   });
 
@@ -44,7 +44,7 @@ const Reports = ({ hasReports, repositories }: ReportsProps): JSX.Element => {
     const constructedReport = {
       reportName: selectedFilter,
       reportDate: getCurrentDate(),
-      reportFormat: "CSV"
+      reportFormat: "CSV",
     };
 
     setReports((prevState) => {
@@ -70,7 +70,7 @@ const Reports = ({ hasReports, repositories }: ReportsProps): JSX.Element => {
               {reports.length > 0 && (
                 <>
                   <Title className=" relative mt-16" level={3}>
-                  Download History
+                    Download History
                   </Title>
                   <hr className="border-light-slate-6 my-4" />
                   <ReportsHistory reportList={reports} repositories={repositories} />
@@ -83,7 +83,7 @@ const Reports = ({ hasReports, repositories }: ReportsProps): JSX.Element => {
         ) : (
           <div className="flex justify-center py-4">
             <Button variant="primary" onClick={async () => await signIn({ provider: "github" })}>
-                  Connect with GitHub <Icon IconImage={GitHubIcon} className="ml-2" />
+              Connect with GitHub <Icon IconImage={GitHubIcon} className="ml-2" />
             </Button>
           </div>
         )}
diff --git a/components/organisms/Repositories/repositories.tsx b/components/organisms/Repositories/repositories.tsx
index 30908d8850..7dda5a5c70 100644
--- a/components/organisms/Repositories/repositories.tsx
+++ b/components/organisms/Repositories/repositories.tsx
@@ -35,7 +35,7 @@ const Repositories = ({ repositories }: RepositoriesProps): JSX.Element => {
     isError: repoListIsError,
     isLoading: repoListIsLoading,
     setPage,
-    setLimit
+    setLimit,
   } = useRepositories(repositories, range);
   const filteredRepoNotIndexed = selectedFilter && !repoListIsLoading && !repoListIsError && repoListData.length === 0;
   const [selectedRepos, setSelectedRepos] = useState<DbRepo[]>([]);
@@ -56,10 +56,12 @@ const Repositories = ({ repositories }: RepositoriesProps): JSX.Element => {
       );
     } else {
       const reposIds = selectedRepos.map((repo) => repo.id);
-      signIn({ 
+      signIn({
         provider: "github",
         options: {
-          redirectTo: `${window.location.origin}/hub/insights/new?selectedReposIDs=${JSON.stringify(reposIds)}&login=true&`,
+          redirectTo: `${window.location.origin}/hub/insights/new?selectedReposIDs=${JSON.stringify(
+            reposIds
+          )}&login=true&`,
         },
       });
     }
@@ -120,7 +122,7 @@ const Repositories = ({ repositories }: RepositoriesProps): JSX.Element => {
               <TableTitle> Repository </TableTitle>
             </div>
             <div className={clsx(classNames.cols.activity)}>
-              <TableTitle >Activity</TableTitle>
+              <TableTitle>Activity</TableTitle>
             </div>
             <div className={clsx(classNames.cols.prOverview)}>
               <TableTitle>PR Overview</TableTitle>
@@ -129,10 +131,10 @@ const Repositories = ({ repositories }: RepositoriesProps): JSX.Element => {
               <TableTitle>PR Velocity</TableTitle>
             </div>
             <div className={clsx(classNames.cols.spam)}>
-              <TableTitle >SPAM</TableTitle>
+              <TableTitle>SPAM</TableTitle>
             </div>
             <div className={clsx(classNames.cols.contributors, "hidden lg:flex")}>
-              <TableTitle >Contributors</TableTitle>
+              <TableTitle>Contributors</TableTitle>
             </div>
             <div className={clsx(classNames.cols.last30days, "hidden lg:flex")}>
               <TableTitle>Last 30 Days</TableTitle>
@@ -143,7 +145,7 @@ const Repositories = ({ repositories }: RepositoriesProps): JSX.Element => {
             <div className="flex justify-between p-3 px-6 border-b-2 text-light-slate-11">
               <div>{selectedRepos.length} Repositories selected</div>
               <Button onClick={handleOnAddtoInsights} variant="primary">
-                 Add to Insight Page
+                Add to Insight Page
               </Button>
             </div>
           )}
@@ -168,7 +170,7 @@ const Repositories = ({ repositories }: RepositoriesProps): JSX.Element => {
                 { name: "20 per page", value: "20" },
                 { name: "30 per page", value: "30" },
                 { name: "40 per page", value: "40" },
-                { name: "50 per page", value: "50" }
+                { name: "50 per page", value: "50" },
               ]}
               className="!w-36 ml-auto md:hidden overflow-x-hidden"
               onChange={function (limit: string): void {
diff --git a/components/organisms/Repositories/repository-not-indexed.tsx b/components/organisms/Repositories/repository-not-indexed.tsx
index de33154e54..bab97a44e2 100644
--- a/components/organisms/Repositories/repository-not-indexed.tsx
+++ b/components/organisms/Repositories/repository-not-indexed.tsx
@@ -4,10 +4,8 @@ import Text from "components/atoms/Typography/text";
 const RepoNotIndexed = () => {
   return (
     <Text>
-      The repository is not currently being indexed by OpenSauced. <br/>
-      <Link
-        href="https://github.com/open-sauced/feedback/discussions/2"
-        target="_blank">
+      The repository is not currently being indexed by OpenSauced. <br />
+      <Link href="https://github.com/open-sauced/feedback/discussions/2" target="_blank">
         <span className="text-orange-600 cursor-pointer">Visit our feedback discussion</span>
       </Link>{" "}
       to request this repository be added.
diff --git a/components/organisms/RepositoriesCart/repositories-cart.tsx b/components/organisms/RepositoriesCart/repositories-cart.tsx
index 2c33fa50bc..b374b51fc6 100644
--- a/components/organisms/RepositoriesCart/repositories-cart.tsx
+++ b/components/organisms/RepositoriesCart/repositories-cart.tsx
@@ -31,7 +31,7 @@ const RepositoriesCart = ({
   handleUpdatePage,
   handleAddToCart,
   createPageButtonDisabled,
-  loading
+  loading,
 }: RepositoriesCartProps): JSX.Element => {
   const cartItems = Children.toArray(children);
 
diff --git a/components/organisms/RepositoriesTable/repositories-table.tsx b/components/organisms/RepositoriesTable/repositories-table.tsx
index 3a7c038389..cb5d427ff5 100644
--- a/components/organisms/RepositoriesTable/repositories-table.tsx
+++ b/components/organisms/RepositoriesTable/repositories-table.tsx
@@ -58,8 +58,8 @@ export const classNames = {
     prVelocity: "flex justify-center lg:min-w-[100px] items-center gap-3 flex-1",
     spam: "flex items-center justify-center lg:min-w-[50px] lg:justify-start gap-3 flex-1 ",
     contributors: "flex-1 lg:min-w-[200px] items-center",
-    last30days: "flex-1 lg:min-w-[150px]"
-  }
+    last30days: "flex-1 lg:min-w-[150px]",
+  },
 };
 
 const RepositoriesTable = ({
@@ -70,11 +70,11 @@ const RepositoriesTable = ({
   user,
   repo,
   selectedRepos,
-  handleOnSelectRepo
+  handleOnSelectRepo,
 }: RepositoriesTableProps): JSX.Element => {
   const isLoadedWithRepos = !loading && !error && Array.isArray(listOfRepositories) && listOfRepositories.length > 0;
   const isFilteredRepoNotIndexed =
-  Array.isArray(repo) && !loading && !error && Array.isArray(listOfRepositories) && listOfRepositories.length === 0;
+    Array.isArray(repo) && !loading && !error && Array.isArray(listOfRepositories) && listOfRepositories.length === 0;
 
   return (
     <section className="flex flex-col">
@@ -83,9 +83,16 @@ const RepositoriesTable = ({
 
       {isLoadedWithRepos &&
         listOfRepositories.map((item, index) => {
-          const isSelected = selectedRepos.find(iteratedRepo => iteratedRepo.id == item.id) != undefined;
+          const isSelected = selectedRepos.find((iteratedRepo) => iteratedRepo.id == item.id) != undefined;
           return (
-            <RepoRow key={`${item.full_name}/${index}`} topic={topic} repo={item} userPage={user} selected={isSelected} handleOnSelectRepo={handleOnSelectRepo} />
+            <RepoRow
+              key={`${item.full_name}/${index}`}
+              topic={topic}
+              repo={item}
+              userPage={user}
+              selected={isSelected}
+              handleOnSelectRepo={handleOnSelectRepo}
+            />
           );
         })}
       {isFilteredRepoNotIndexed && (
@@ -94,7 +101,7 @@ const RepositoriesTable = ({
           // eslint-disable-next-line
           repo={{
             id: "",
-            full_name: repo.join("/") as string
+            full_name: repo.join("/") as string,
           }}
           userPage={user}
           handleOnSelectRepo={handleOnSelectRepo}
diff --git a/components/organisms/StripeCheckoutButton/stripe-checkout-button.tsx b/components/organisms/StripeCheckoutButton/stripe-checkout-button.tsx
index 7b6ac4ce01..3198242837 100644
--- a/components/organisms/StripeCheckoutButton/stripe-checkout-button.tsx
+++ b/components/organisms/StripeCheckoutButton/stripe-checkout-button.tsx
@@ -13,8 +13,8 @@ const StripeCheckoutButton = () => {
       const response = await fetch(`${process.env.NEXT_PUBLIC_API_URL}/auth/checkout/session`, {
         method: "POST",
         headers: {
-          Authorization: `Bearer ${sessionToken}`
-        }
+          Authorization: `Bearer ${sessionToken}`,
+        },
       });
 
       if (response.ok) {
diff --git a/components/organisms/ToolList/nav-item.tsx b/components/organisms/ToolList/nav-item.tsx
index f703ddb1b9..7067805159 100644
--- a/components/organisms/ToolList/nav-item.tsx
+++ b/components/organisms/ToolList/nav-item.tsx
@@ -6,12 +6,12 @@ import humanizeNumber from "lib/utils/humanizeNumber";
 interface NavItemProps {
   username?: string | string[] | undefined;
   filterName?: string | string[] | undefined;
-  tool: { name: string, numOf?: number};
+  tool: { name: string; numOf?: number };
   selectedFilter?: string | string[] | undefined;
   selectedTool: string | string[];
 }
 
-const NavItem:  React.FC<NavItemProps> = ({ username, filterName, tool, selectedFilter, selectedTool }) => {
+const NavItem: React.FC<NavItemProps> = ({ username, filterName, tool, selectedFilter, selectedTool }) => {
   const [total, setTotal] = useState<number>();
 
   useEffect(() => {
@@ -21,10 +21,9 @@ const NavItem:  React.FC<NavItemProps> = ({ username, filterName, tool, selected
   return (
     <Link
       href={`/${username ? `pages/${username}/` : ""}${filterName}/${tool.name.toLowerCase()}${
-        selectedFilter
-          ? `/filter/${Array.isArray(selectedFilter) ? selectedFilter.join("/") : selectedFilter}`
-          : ""
-      }`}>
+        selectedFilter ? `/filter/${Array.isArray(selectedFilter) ? selectedFilter.join("/") : selectedFilter}` : ""
+      }`}
+    >
       {/* Button component was here and needed to be removed to resolve issue #187. Button component had styling that will eventually need to be replaced. */}
       <div
         className={`flex h-11 px-2 md:px-4 items-center rounded-t-lg ${
@@ -36,17 +35,21 @@ const NavItem:  React.FC<NavItemProps> = ({ username, filterName, tool, selected
         <span
           className={
             "text-base whitespace-nowrap " +
-          (selectedTool === tool.name.toLowerCase() ? "text-slate-900" : "text-slate-500")
+            (selectedTool === tool.name.toLowerCase() ? "text-slate-900" : "text-slate-500")
           }
         >
           {tool.name}
         </span>
-        {total !== undefined && <div className={"ml-2 py-0.5 px-1.5 h-fit bg-slate-200 text-slate-500 border rounded-full text-xs font-semibold"}>
-          { humanizeNumber(total, null) }
-        </div>}
+        {total !== undefined && (
+          <div
+            className={"ml-2 py-0.5 px-1.5 h-fit bg-slate-200 text-slate-500 border rounded-full text-xs font-semibold"}
+          >
+            {humanizeNumber(total, null)}
+          </div>
+        )}
       </div>
-    </Link>    
+    </Link>
   );
 };
 
-export default NavItem;
\ No newline at end of file
+export default NavItem;
diff --git a/components/organisms/ToolsDisplay/tools-display.tsx b/components/organisms/ToolsDisplay/tools-display.tsx
index 3cccc635de..8cf4dd847e 100644
--- a/components/organisms/ToolsDisplay/tools-display.tsx
+++ b/components/organisms/ToolsDisplay/tools-display.tsx
@@ -12,22 +12,22 @@ interface ToolProps {
 }
 
 const Tool = ({ tool, repositories }: ToolProps): JSX.Element => {
-  const { hasReports, waitlisted } = useSession();  
+  const { hasReports, waitlisted } = useSession();
   captureAnayltics("Tools Display", "tools", `${tool} selected`);
 
   switch (tool) {
-  case "Dashboard":
-    return <Dashboard repositories={repositories} />;
+    case "Dashboard":
+      return <Dashboard repositories={repositories} />;
 
-  case "Repositories":
-    return <Repositories repositories={repositories} />;
+    case "Repositories":
+      return <Repositories repositories={repositories} />;
 
-  case "Reports":
-    return <Reports hasReports={hasReports} waitlisted={waitlisted} repositories={repositories} />;
-  case "Contributors":
-    return <Contributors repositories={repositories} />;
-  default:
-    return <> {tool ? `${tool}` : "Test"} Tool Page</>;
+    case "Reports":
+      return <Reports hasReports={hasReports} waitlisted={waitlisted} repositories={repositories} />;
+    case "Contributors":
+      return <Contributors repositories={repositories} />;
+    default:
+      return <> {tool ? `${tool}` : "Test"} Tool Page</>;
   }
 };
 
diff --git a/components/organisms/UserSettingsPage/user-settings-page.tsx b/components/organisms/UserSettingsPage/user-settings-page.tsx
index 846b0880a1..ae4abeccbf 100644
--- a/components/organisms/UserSettingsPage/user-settings-page.tsx
+++ b/components/organisms/UserSettingsPage/user-settings-page.tsx
@@ -112,7 +112,6 @@ const UserSettingsPage = ({ user }: userSettingsPageProps) => {
     event.target.reportValidity();
   };
 
-
   const handleSelectInterest = (interest: string) => {
     if (selectedInterest.length > 0 && selectedInterest.includes(interest)) {
       setSelectedInterest((prev) => prev.filter((item) => item !== interest));
@@ -122,7 +121,7 @@ const UserSettingsPage = ({ user }: userSettingsPageProps) => {
   };
 
   const handleUpdateEmailPreference = async () => {
-    setUpdating(prev => ({ ...prev, emailPreferences: true }));
+    setUpdating((prev) => ({ ...prev, emailPreferences: true }));
 
     const data = await updateEmailPreferences({ ...emailPreference });
     if (data) {
@@ -131,11 +130,11 @@ const UserSettingsPage = ({ user }: userSettingsPageProps) => {
       toast({ description: "An error occured!", variant: "danger" });
     }
 
-    setUpdating(prev => ({...prev, emailPreferences: false}));
+    setUpdating((prev) => ({ ...prev, emailPreferences: false }));
   };
 
   const handleUpdateInterest = async () => {
-    setUpdating(prev => ({ ...prev, interests: true }));
+    setUpdating((prev) => ({ ...prev, interests: true }));
 
     const data = await updateUser({
       data: { interests: selectedInterest },
@@ -154,7 +153,7 @@ const UserSettingsPage = ({ user }: userSettingsPageProps) => {
 
   const handleUpdateProfile = async (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
-    setUpdating(prev => ({...prev, profile: true}));
+    setUpdating((prev) => ({ ...prev, profile: true }));
     const payload: UpdateUserPayload = {
       name: formRef.current!.nameInput.value,
       email,
diff --git a/components/templates/Loader/loader.tsx b/components/templates/Loader/loader.tsx
index 9cd1791e98..16521639e1 100644
--- a/components/templates/Loader/loader.tsx
+++ b/components/templates/Loader/loader.tsx
@@ -1,13 +1,15 @@
 import Image from "next/image";
 import Pizza from "img/Sauce.svg";
-interface LoaderProps{
-  theme: "dark" | "light"
+interface LoaderProps {
+  theme: "dark" | "light";
 }
-const Loader = ({theme = "light"}: LoaderProps) : JSX.Element => {
+const Loader = ({ theme = "light" }: LoaderProps): JSX.Element => {
   return (
     <main className="flex absolute w-screen h-screen flex-1 flex-col items-center justify-center text-center">
       <div
-        className={`${theme === "dark" ? "bg-[#160E0E]" : "bg-white"} w-full flex justify-center items-center  h-screen`}
+        className={`${
+          theme === "dark" ? "bg-[#160E0E]" : "bg-white"
+        } w-full flex justify-center items-center  h-screen`}
       >
         <div className="absolute flex justify-center items-center">
           <Image className="" width={62} height={62} src={Pizza} alt="Pizza" priority />
diff --git a/lib/hooks/api/useContributorPullRequests.ts b/lib/hooks/api/useContributorPullRequests.ts
index 426cecd4aa..6c479b0f74 100644
--- a/lib/hooks/api/useContributorPullRequests.ts
+++ b/lib/hooks/api/useContributorPullRequests.ts
@@ -40,9 +40,7 @@ export function getContributorPRUrl(
 }
 
 export const fetchContributorPRs = async (...args: Parameters<typeof getContributorPRUrl>) => {
-  return (publicApiFetcher as Fetcher<PaginatedResponse, string>)(
-    getContributorPRUrl(...args)
-  );
+  return (publicApiFetcher as Fetcher<PaginatedResponse, string>)(getContributorPRUrl(...args));
 };
 
 const useContributorPullRequests = (
diff --git a/lib/hooks/api/useInsights.ts b/lib/hooks/api/useInsights.ts
index 87f1061d3d..5389a0ac1a 100644
--- a/lib/hooks/api/useInsights.ts
+++ b/lib/hooks/api/useInsights.ts
@@ -32,7 +32,7 @@ const getInsights = (insights: DbInsight[], intervalDay = 0): Insight => {
       unlabeledPercentage: 0,
       allContributors: 0,
       spamContributors: 0,
-      acceptedContributors: 0
+      acceptedContributors: 0,
     };
   }
 
@@ -57,7 +57,7 @@ const getInsights = (insights: DbInsight[], intervalDay = 0): Insight => {
     unlabeledPercentage: unlabeled,
     allContributors: currentInsights.all_contributors,
     spamContributors: currentInsights.spam_contributors,
-    acceptedContributors: currentInsights.accepted_contributors
+    acceptedContributors: currentInsights.accepted_contributors,
   };
 };
 
@@ -79,7 +79,7 @@ const useInsights = (repoIds: number[] = []) => {
 
   if (query.get("repo")) {
     query.delete("topic");
-  }  
+  }
 
   const baseEndpoint = "prs/insights";
   const endpointString = `${baseEndpoint}?${query}`;
@@ -93,7 +93,7 @@ const useInsights = (repoIds: number[] = []) => {
     data: data || [],
     isLoading: !error && !data,
     isError: !!error,
-    mutate
+    mutate,
   };
 };
 
diff --git a/lib/hooks/api/usePullRequests.ts b/lib/hooks/api/usePullRequests.ts
index e52406fbb7..1baaefb88f 100644
--- a/lib/hooks/api/usePullRequests.ts
+++ b/lib/hooks/api/usePullRequests.ts
@@ -38,7 +38,7 @@ const usePullRequests = (intialLimit = 1000, repoIds: number[] = [], range = 30)
 
   if (query.get("repo")) {
     query.delete("topic");
-  }  
+  }
 
   query.set("range", `${range}`);
 
@@ -58,7 +58,7 @@ const usePullRequests = (intialLimit = 1000, repoIds: number[] = [], range = 30)
     mutate,
     page,
     setPage,
-    setLimit
+    setLimit,
   };
 };
 
diff --git a/lib/hooks/api/useRepositories.ts b/lib/hooks/api/useRepositories.ts
index 3bccbc06e7..7504095375 100644
--- a/lib/hooks/api/useRepositories.ts
+++ b/lib/hooks/api/useRepositories.ts
@@ -33,7 +33,7 @@ const useRepositories = (repoIds: number[] = [], range = 30) => {
 
   if (range) {
     query.set("range", `${range}`);
-  }  
+  }
 
   if (repoIds?.length > 0) {
     query.delete("topic");
@@ -60,7 +60,7 @@ const useRepositories = (repoIds: number[] = [], range = 30) => {
     mutate,
     page,
     setPage,
-    setLimit
+    setLimit,
   };
 };
 
diff --git a/lib/hooks/authSession.ts b/lib/hooks/authSession.ts
index c01ad28240..9ce13749a4 100644
--- a/lib/hooks/authSession.ts
+++ b/lib/hooks/authSession.ts
@@ -10,8 +10,8 @@ const authSession = async () => {
     headers: {
       Accept: "application/json",
       "Content-Type": "application/json",
-      Authorization: `Bearer ${sessionToken}`
-    }
+      Authorization: `Bearer ${sessionToken}`,
+    },
   });
 
   if (response.status === 200) {
diff --git a/lib/hooks/createHighlights.ts b/lib/hooks/createHighlights.ts
index 6a0193b845..cf5d8e2792 100644
--- a/lib/hooks/createHighlights.ts
+++ b/lib/hooks/createHighlights.ts
@@ -24,10 +24,10 @@ const createHighlights = async (data: CreateHighlightsProps) => {
       headers: {
         Accept: "application/json",
         "Content-Type": "application/json",
-        Authorization: `Bearer ${sessionToken}`
+        Authorization: `Bearer ${sessionToken}`,
       },
       method: "POST",
-      body: JSON.stringify({ ...data })
+      body: JSON.stringify({ ...data }),
     });
 
     if (!response.ok) {
@@ -35,7 +35,6 @@ const createHighlights = async (data: CreateHighlightsProps) => {
     }
 
     return response.json();
-
   } catch (error) {
     return (error as Response).json().then((err: Error | ServerError) => {
       if (err instanceof Error) {
diff --git a/lib/hooks/deleteHighlight.ts b/lib/hooks/deleteHighlight.ts
index f63f6d0113..fec298b671 100644
--- a/lib/hooks/deleteHighlight.ts
+++ b/lib/hooks/deleteHighlight.ts
@@ -9,9 +9,9 @@ const deleteHighlight = async (id: string) => {
       headers: {
         Accept: "application/json",
         "Content-Type": "application/json",
-        Authorization: `Bearer ${sessionToken}`
+        Authorization: `Bearer ${sessionToken}`,
       },
-      method: "DELETE"
+      method: "DELETE",
     });
 
     if (res.ok) {
diff --git a/lib/hooks/fetchGithubPRInfo.ts b/lib/hooks/fetchGithubPRInfo.ts
index e6e1c16a5b..a2b502d251 100644
--- a/lib/hooks/fetchGithubPRInfo.ts
+++ b/lib/hooks/fetchGithubPRInfo.ts
@@ -15,19 +15,19 @@ const fetchGithubPRInfo = async (orgName: string | null, repoName: string | null
     const response: GhPullInfoResponse = await octokit.request("GET /repos/{orgName}/{repoName}/pulls/{issueId}", {
       orgName,
       repoName,
-      issueId
+      issueId,
     });
 
     return {
       data: response.data ?? undefined,
-      isError: null
+      isError: null,
     };
   } catch (e) {
     console.log(e);
 
     return {
       data: null,
-      isError: true
+      isError: true,
     };
   }
 };
diff --git a/lib/hooks/update-user.ts b/lib/hooks/update-user.ts
index a13b5913cc..8d803a6806 100644
--- a/lib/hooks/update-user.ts
+++ b/lib/hooks/update-user.ts
@@ -30,10 +30,10 @@ const updateUser = async ({ data, params }: useUpdateUserProps) => {
       headers: {
         Accept: "application/json",
         "Content-Type": "application/json",
-        Authorization: `Bearer ${sessionToken}`
+        Authorization: `Bearer ${sessionToken}`,
       },
       method: "PATCH",
-      body: JSON.stringify({ ...data })
+      body: JSON.stringify({ ...data }),
     });
 
     if (res.status === 200) {
diff --git a/lib/hooks/updateEmailPreference.ts b/lib/hooks/updateEmailPreference.ts
index 7c33d98691..301e1e0040 100644
--- a/lib/hooks/updateEmailPreference.ts
+++ b/lib/hooks/updateEmailPreference.ts
@@ -14,10 +14,10 @@ const updateEmailPreferences = async (data: UpdateEmailProps) => {
       headers: {
         Accept: "application/json",
         "Content-Type": "application/json",
-        Authorization: `Bearer ${sessionToken}`
+        Authorization: `Bearer ${sessionToken}`,
       },
       method: "PATCH",
-      body: JSON.stringify({ ...data })
+      body: JSON.stringify({ ...data }),
     });
 
     if (res.status === 200) {
diff --git a/lib/hooks/updateHighlight.ts b/lib/hooks/updateHighlight.ts
index 101de84816..0f42bc1a0e 100644
--- a/lib/hooks/updateHighlight.ts
+++ b/lib/hooks/updateHighlight.ts
@@ -16,10 +16,10 @@ const updateHighlights = async (data: CreateHighlightsProps, id: string) => {
       headers: {
         Accept: "application/json",
         "Content-Type": "application/json",
-        Authorization: `Bearer ${sessionToken}`
+        Authorization: `Bearer ${sessionToken}`,
       },
       method: "PATCH",
-      body: JSON.stringify({ ...data })
+      body: JSON.stringify({ ...data }),
     });
 
     return res.json();
diff --git a/lib/hooks/useFetchAllEmojis.ts b/lib/hooks/useFetchAllEmojis.ts
index 0d6f3da4ad..62b7d79e29 100644
--- a/lib/hooks/useFetchAllEmojis.ts
+++ b/lib/hooks/useFetchAllEmojis.ts
@@ -15,7 +15,7 @@ const useFetchAllEmojis = () => {
     data: data?.data ?? [],
     isError: !!error,
     isLoading: !error && !data,
-    mutate
+    mutate,
   };
 };
 
diff --git a/lib/hooks/useFetchAllHighlights.ts b/lib/hooks/useFetchAllHighlights.ts
index 79984606cb..b9c315d711 100644
--- a/lib/hooks/useFetchAllHighlights.ts
+++ b/lib/hooks/useFetchAllHighlights.ts
@@ -25,7 +25,7 @@ const useFetchAllHighlights = (repo = "") => {
     isLoading: !error && !data,
     isError: !!error,
     setPage,
-    mutate
+    mutate,
   };
 };
 
diff --git a/lib/hooks/useFetchHiglightRepos.ts b/lib/hooks/useFetchHiglightRepos.ts
index 0bceaf33f0..0f9aabec46 100644
--- a/lib/hooks/useFetchHiglightRepos.ts
+++ b/lib/hooks/useFetchHiglightRepos.ts
@@ -24,7 +24,7 @@ const useFetchHighlightRepos = () => {
     isLoading: !error && !data,
     isError: !!error,
     setPage,
-    mutate
+    mutate,
   };
 };
 
diff --git a/lib/hooks/useFetchSingleHighlight.ts b/lib/hooks/useFetchSingleHighlight.ts
index 43b5276a3e..2a0743b36d 100644
--- a/lib/hooks/useFetchSingleHighlight.ts
+++ b/lib/hooks/useFetchSingleHighlight.ts
@@ -13,7 +13,7 @@ const useFetchSingleHighlight = (id: number | undefined) => {
   return {
     data: data ?? undefined,
     isLoading: !error && !data,
-    isError: !!error
+    isError: !!error,
   };
 };
 
diff --git a/lib/hooks/useFetchUserHighlights.ts b/lib/hooks/useFetchUserHighlights.ts
index 6453474e03..3124c32115 100644
--- a/lib/hooks/useFetchUserHighlights.ts
+++ b/lib/hooks/useFetchUserHighlights.ts
@@ -23,7 +23,7 @@ const useFetchUserHighlights = (username: string) => {
     isLoading: !error && !data,
     isError: !!error,
     setPage,
-    mutate
+    mutate,
   };
 };
 
diff --git a/lib/hooks/useFilterOptions.ts b/lib/hooks/useFilterOptions.ts
index 9b2ed04a47..7ef7948b33 100644
--- a/lib/hooks/useFilterOptions.ts
+++ b/lib/hooks/useFilterOptions.ts
@@ -1,7 +1,7 @@
 const useFilterOptions = () => {
   const filterOptions = ["Top 100 Repos", "Minimum 5 Contributors", "Recent", "Most Active", "Most Spammed"];
-  
+
   return filterOptions;
 };
 
-export default useFilterOptions;
\ No newline at end of file
+export default useFilterOptions;
diff --git a/lib/hooks/useFilterPrefetch.ts b/lib/hooks/useFilterPrefetch.ts
index 69ebda3622..8065237b6a 100644
--- a/lib/hooks/useFilterPrefetch.ts
+++ b/lib/hooks/useFilterPrefetch.ts
@@ -16,7 +16,7 @@ const useFilterPrefetch = () => {
 
   useEffect(() => {
     if (topic) {
-      filterOptions.forEach(async(filterName) => {
+      filterOptions.forEach(async (filterName) => {
         const filterKey = getFilterKey(filterName);
         const url = `repos/search?topic=${topic}&filter=${filterKey}&page=1`;
 
@@ -24,17 +24,17 @@ const useFilterPrefetch = () => {
           // @ts-ignore
           const result: { meta: Meta } = await mutate(url, publicApiFetcher(url));
 
-          setFilterValues(values => {
+          setFilterValues((values) => {
             return {
               ...values,
-              [filterKey]: result.meta.itemCount
+              [filterKey]: result.meta.itemCount,
             };
           });
         } catch (e) {
-          setFilterValues(values => {
+          setFilterValues((values) => {
             return {
               ...values,
-              [filterKey]: undefined
+              [filterKey]: undefined,
             };
           });
         }
diff --git a/lib/hooks/useHighlightReactions.ts b/lib/hooks/useHighlightReactions.ts
index 58a9944217..7d8ed8b717 100644
--- a/lib/hooks/useHighlightReactions.ts
+++ b/lib/hooks/useHighlightReactions.ts
@@ -15,7 +15,7 @@ const useHighlightReactions = (id: string) => {
     data: data ?? [],
     isError: !!error,
     isLoading: !error && !data,
-    mutate
+    mutate,
   };
 };
 
diff --git a/lib/hooks/useInsight.ts b/lib/hooks/useInsight.ts
index 6fc91b672f..d2769a7b14 100644
--- a/lib/hooks/useInsight.ts
+++ b/lib/hooks/useInsight.ts
@@ -14,7 +14,7 @@ const useInsight = (id: string) => {
     data: data,
     isLoading: !error && !data,
     isError: !!error && Object.keys(error).length > 0,
-    mutate
+    mutate,
   };
 };
 
diff --git a/lib/hooks/useInsightMembers.ts b/lib/hooks/useInsightMembers.ts
index 341ef48297..3b54d6f97e 100644
--- a/lib/hooks/useInsightMembers.ts
+++ b/lib/hooks/useInsightMembers.ts
@@ -20,9 +20,9 @@ const useInsightMembers = (insightId: number) => {
       method: "POST",
       headers: {
         "Content-type": "application/json",
-        Authorization: `Bearer ${sessionToken}`
+        Authorization: `Bearer ${sessionToken}`,
       },
-      body: JSON.stringify({ email })
+      body: JSON.stringify({ email }),
     });
 
     if (!req.ok) {
@@ -39,9 +39,9 @@ const useInsightMembers = (insightId: number) => {
       method: "PATCH",
       headers: {
         "Content-type": "application/json",
-        Authorization: `Bearer ${sessionToken}`
+        Authorization: `Bearer ${sessionToken}`,
       },
-      body: JSON.stringify({ access })
+      body: JSON.stringify({ access }),
     });
 
     if (!req.ok) {
@@ -59,8 +59,8 @@ const useInsightMembers = (insightId: number) => {
       method: "DELETE",
       headers: {
         "Content-type": "application/json",
-        Authorization: `Bearer ${sessionToken}`
-      }
+        Authorization: `Bearer ${sessionToken}`,
+      },
     });
 
     if (req.ok) {
@@ -75,7 +75,7 @@ const useInsightMembers = (insightId: number) => {
     mutate,
     addMember,
     updateMember,
-    deleteMember
+    deleteMember,
   };
 };
 
diff --git a/lib/hooks/useMediaQuery.ts b/lib/hooks/useMediaQuery.ts
index ac24781914..b9ca385c49 100644
--- a/lib/hooks/useMediaQuery.ts
+++ b/lib/hooks/useMediaQuery.ts
@@ -27,14 +27,14 @@ export function useMediaQuery(query: string): boolean {
     // Listen matchMedia
 
     if (isOldBrowser) {
-      matchMedia.addEventListener("change",handleChange);
+      matchMedia.addEventListener("change", handleChange);
     } else {
       matchMedia.addEventListener("change", handleChange);
     }
 
     return () => {
       if (isOldBrowser) {
-        matchMedia.removeEventListener("change",handleChange);
+        matchMedia.removeEventListener("change", handleChange);
       } else {
         matchMedia.removeEventListener("change", handleChange);
       }
diff --git a/lib/hooks/useNav.ts b/lib/hooks/useNav.ts
index 95c09e3411..3ab6315f5d 100644
--- a/lib/hooks/useNav.ts
+++ b/lib/hooks/useNav.ts
@@ -5,25 +5,25 @@ import useContributors from "./api/useContributors";
 
 const useNav = (repositories: number[] = []) => {
   const router = useRouter();
-  const range = useStore(state => state.range);
+  const range = useStore((state) => state.range);
   const { meta: repoMetaData } = useRepositories(repositories, range);
   const { meta: conMetaData } = useContributors(10, repositories, range);
 
   const defaultTools = [
     {
-      name: "Dashboard"
+      name: "Dashboard",
     },
     {
-      name: "Reports"
+      name: "Reports",
     },
     {
       name: "Repositories",
-      numOf: repoMetaData.itemCount
+      numOf: repoMetaData.itemCount,
     },
     {
       name: "Contributors",
-      numOf: conMetaData.itemCount
-    }
+      numOf: conMetaData.itemCount,
+    },
   ];
 
   const { filterName, toolName: selectedTool, selectedFilter, userOrg } = router.query;
@@ -35,7 +35,7 @@ const useNav = (repositories: number[] = []) => {
     selectedTool,
     selectedFilter,
     filterName,
-    userOrg
+    userOrg,
   };
 };
 
diff --git a/lib/hooks/useSession.ts b/lib/hooks/useSession.ts
index 8e69aab67b..c072e18b1f 100644
--- a/lib/hooks/useSession.ts
+++ b/lib/hooks/useSession.ts
@@ -7,16 +7,16 @@ import useSupabaseAuth from "./useSupabaseAuth";
 const useSession = (getSession = false) => {
   const { sessionToken } = useSupabaseAuth(getSession);
   const store = useStore();
-  const hasReports = useStore(state => state.hasReports);
-  const onboarded = useStore(state => state.onboarded);
-  const waitlisted = useStore(state => state.waitlisted);
+  const hasReports = useStore((state) => state.hasReports);
+  const onboarded = useStore((state) => state.onboarded);
+  const waitlisted = useStore((state) => state.waitlisted);
 
   async function loadSession() {
     const resp = await fetch(`${process.env.NEXT_PUBLIC_API_URL}/auth/session`, {
       method: "GET",
       headers: {
-        Authorization: `Bearer ${sessionToken}`
-      }
+        Authorization: `Bearer ${sessionToken}`,
+      },
     });
 
     if (resp.ok) {
@@ -25,12 +25,12 @@ const useSession = (getSession = false) => {
       store.setSession({
         onboarded: data.is_onboarded,
         waitlisted: data.is_waitlisted,
-        insightRepoLimit: data.insights_role >= 50 ? 50 : 10
+        insightRepoLimit: data.insights_role >= 50 ? 50 : 10,
       });
 
       store.setHasReports(data.insights_role >= 50);
     } else {
-    // show an alert
+      // show an alert
     }
   }
 
diff --git a/lib/hooks/useToast.ts b/lib/hooks/useToast.ts
index 61650c729f..a28e3571e6 100644
--- a/lib/hooks/useToast.ts
+++ b/lib/hooks/useToast.ts
@@ -7,17 +7,17 @@ const TOAST_LIMIT = 1;
 const TOAST_REMOVE_DELAY = 1000;
 
 type ToasterToast = ToastProps & {
-  id: string
-  title?: React.ReactNode
-  description: React.ReactNode
-  action?: ToastActionElement
-}
+  id: string;
+  title?: React.ReactNode;
+  description: React.ReactNode;
+  action?: ToastActionElement;
+};
 
 const actionTypes = {
   ADD_TOAST: "ADD_TOAST",
   UPDATE_TOAST: "UPDATE_TOAST",
   DISMISS_TOAST: "DISMISS_TOAST",
-  REMOVE_TOAST: "REMOVE_TOAST"
+  REMOVE_TOAST: "REMOVE_TOAST",
 } as const;
 
 let count = 0;
@@ -27,28 +27,28 @@ function genId() {
   return count.toString();
 }
 
-type ActionType = typeof actionTypes
+type ActionType = typeof actionTypes;
 
 type Action =
   | {
-      type: ActionType["ADD_TOAST"]
-      toast: ToasterToast
+      type: ActionType["ADD_TOAST"];
+      toast: ToasterToast;
     }
   | {
-      type: ActionType["UPDATE_TOAST"]
-      toast: Partial<ToasterToast>
+      type: ActionType["UPDATE_TOAST"];
+      toast: Partial<ToasterToast>;
     }
   | {
-      type: ActionType["DISMISS_TOAST"]
-      toastId?: ToasterToast["id"]
+      type: ActionType["DISMISS_TOAST"];
+      toastId?: ToasterToast["id"];
     }
   | {
-      type: ActionType["REMOVE_TOAST"]
-      toastId?: ToasterToast["id"]
-    }
+      type: ActionType["REMOVE_TOAST"];
+      toastId?: ToasterToast["id"];
+    };
 
 interface State {
-  toasts: ToasterToast[]
+  toasts: ToasterToast[];
 }
 
 const toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>();
@@ -62,7 +62,7 @@ const addToRemoveQueue = (toastId: string) => {
     toastTimeouts.delete(toastId);
     dispatch({
       type: "REMOVE_TOAST",
-      toastId: toastId
+      toastId: toastId,
     });
   }, TOAST_REMOVE_DELAY);
 
@@ -71,56 +71,54 @@ const addToRemoveQueue = (toastId: string) => {
 
 export const reducer = (state: State, action: Action): State => {
   switch (action.type) {
-  case "ADD_TOAST":
-    return {
-      ...state,
-      toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT)
-    };
+    case "ADD_TOAST":
+      return {
+        ...state,
+        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
+      };
 
-  case "UPDATE_TOAST":
-    return {
-      ...state,
-      toasts: state.toasts.map((t) =>
-        t.id === action.toast.id ? { ...t, ...action.toast } : t
-      )
-    };
+    case "UPDATE_TOAST":
+      return {
+        ...state,
+        toasts: state.toasts.map((t) => (t.id === action.toast.id ? { ...t, ...action.toast } : t)),
+      };
 
-  case "DISMISS_TOAST": {
-    const { toastId } = action;
-
-    // ! Side effects ! - This could be extracted into a dismissToast() action,
-    // but I'll keep it here for simplicity
-    if (toastId) {
-      addToRemoveQueue(toastId);
-    } else {
-      state.toasts.forEach((toast) => {
-        addToRemoveQueue(toast.id);
-      });
-    }
+    case "DISMISS_TOAST": {
+      const { toastId } = action;
+
+      // ! Side effects ! - This could be extracted into a dismissToast() action,
+      // but I'll keep it here for simplicity
+      if (toastId) {
+        addToRemoveQueue(toastId);
+      } else {
+        state.toasts.forEach((toast) => {
+          addToRemoveQueue(toast.id);
+        });
+      }
 
-    return {
-      ...state,
-      toasts: state.toasts.map((t) =>
-        t.id === toastId || toastId === undefined
-          ? {
-            ...t,
-            open: false
-          }
-          : t
-      )
-    };
-  }
-  case "REMOVE_TOAST":
-    if (action.toastId === undefined) {
       return {
         ...state,
-        toasts: []
+        toasts: state.toasts.map((t) =>
+          t.id === toastId || toastId === undefined
+            ? {
+                ...t,
+                open: false,
+              }
+            : t
+        ),
       };
     }
-    return {
-      ...state,
-      toasts: state.toasts.filter((t) => t.id !== action.toastId)
-    };
+    case "REMOVE_TOAST":
+      if (action.toastId === undefined) {
+        return {
+          ...state,
+          toasts: [],
+        };
+      }
+      return {
+        ...state,
+        toasts: state.toasts.filter((t) => t.id !== action.toastId),
+      };
   }
 };
 
@@ -143,7 +141,7 @@ function toast({ ...props }: Toast) {
   const update = (props: ToasterToast) =>
     dispatch({
       type: "UPDATE_TOAST",
-      toast: { ...props, id }
+      toast: { ...props, id },
     });
   const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
 
@@ -155,14 +153,14 @@ function toast({ ...props }: Toast) {
       open: true,
       onOpenChange: (open) => {
         if (!open) dismiss();
-      }
-    }
+      },
+    },
   });
 
   return {
     id: id,
     dismiss,
-    update
+    update,
   };
 }
 
@@ -182,7 +180,7 @@ function useToast() {
   return {
     ...state,
     toast,
-    dismiss: (toastId?: string) => dispatch({ type: "DISMISS_TOAST", toastId })
+    dismiss: (toastId?: string) => dispatch({ type: "DISMISS_TOAST", toastId }),
   };
 }
 
diff --git a/lib/hooks/useUserInsights.ts b/lib/hooks/useUserInsights.ts
index 40278ba0dd..c9fb230734 100644
--- a/lib/hooks/useUserInsights.ts
+++ b/lib/hooks/useUserInsights.ts
@@ -30,7 +30,7 @@ const useUserInsights = () => {
     mutate,
     page,
     setPage,
-    setLimit
+    setLimit,
   };
 };
 
diff --git a/lib/store/index.ts b/lib/store/index.ts
index 78a5f9d29b..d7ecd3cacd 100644
--- a/lib/store/index.ts
+++ b/lib/store/index.ts
@@ -10,7 +10,7 @@ const initialState: GlobalStateInterface = {
   sessionToken: null,
   providerToken: null,
   userId: null,
-  hasReports: false
+  hasReports: false,
 };
 
 interface AppStore extends GlobalStateInterface {
@@ -19,7 +19,7 @@ interface AppStore extends GlobalStateInterface {
   setSession: ({
     onboarded,
     waitlisted,
-    insightRepoLimit
+    insightRepoLimit,
   }: {
     onboarded: boolean;
     waitlisted: boolean;
@@ -33,26 +33,25 @@ interface AppStore extends GlobalStateInterface {
   setHasReports: (hasReports: boolean) => void;
 }
 
-const store = create<AppStore>()(
-  (set) => ({
-    ...initialState,
-    setWaitlisted: () => set((state) => ({ ...state, waitlisted: true })),
-    onboardUser: () => set((state) => ({ ...state, onboarded: true })),
-    setSession: ({
-      onboarded,
-      waitlisted,
-      insightRepoLimit
-    }: {
+const store = create<AppStore>()((set) => ({
+  ...initialState,
+  setWaitlisted: () => set((state) => ({ ...state, waitlisted: true })),
+  onboardUser: () => set((state) => ({ ...state, onboarded: true })),
+  setSession: ({
+    onboarded,
+    waitlisted,
+    insightRepoLimit,
+  }: {
     onboarded: boolean;
     waitlisted: boolean;
     insightRepoLimit: number;
   }) => set((state) => ({ ...state, onboarded, waitlisted, insightRepoLimit })),
-    updateRange: (range: number) => set((state) => ({ ...state, range })),
-    setUser: (user: User | null) => set((state) => ({ ...state, user })),
-    setSessionToken: (sessionToken?: string | null) => set((state) => ({ ...state, sessionToken })),
-    setProviderToken: (providerToken?: string | null) => set((state) => ({ ...state, providerToken })),
-    setUserId: (userId?: number | null) => set((state) => ({ ...state, userId })),
-    setHasReports: (hasReports: boolean) => set((state) => ({ ...state, hasReports })),
-  }));
+  updateRange: (range: number) => set((state) => ({ ...state, range })),
+  setUser: (user: User | null) => set((state) => ({ ...state, user })),
+  setSessionToken: (sessionToken?: string | null) => set((state) => ({ ...state, sessionToken })),
+  setProviderToken: (providerToken?: string | null) => set((state) => ({ ...state, providerToken })),
+  setUserId: (userId?: number | null) => set((state) => ({ ...state, userId })),
+  setHasReports: (hasReports: boolean) => set((state) => ({ ...state, hasReports })),
+}));
 
-export default store;
\ No newline at end of file
+export default store;
diff --git a/lib/utils/analytics.ts b/lib/utils/analytics.ts
index cc1c34a573..8856915621 100644
--- a/lib/utils/analytics.ts
+++ b/lib/utils/analytics.ts
@@ -1,15 +1,11 @@
 import posthog from "posthog-js";
 
-function initiateAnalytics () {
+function initiateAnalytics() {
   // eslint-disable-next-line
   posthog.init(process.env.NEXT_PUBLIC_POSTHOG_ID as string, { api_host: "https://app.posthog.com" });
 }
 
-function captureAnayltics (
-  analyticsTitle: string,
-  analyticsProperty: string,
-  analyticsValue: string
-) {
+function captureAnayltics(analyticsTitle: string, analyticsProperty: string, analyticsValue: string) {
   const analyticsObject: Record<string, string> = {};
 
   analyticsObject[analyticsProperty] = analyticsValue;
@@ -17,7 +13,4 @@ function captureAnayltics (
   posthog.capture(analyticsTitle, analyticsObject);
 }
 
-export {
-  initiateAnalytics,
-  captureAnayltics
-};
\ No newline at end of file
+export { initiateAnalytics, captureAnayltics };
diff --git a/lib/utils/change-capitalization.ts b/lib/utils/change-capitalization.ts
index b2fad81afa..efc5c333fa 100644
--- a/lib/utils/change-capitalization.ts
+++ b/lib/utils/change-capitalization.ts
@@ -1,8 +1,8 @@
 const changeCapitalization = (string: string, isMakeUppercase: boolean) => {
   const firstLetterInPath = 0;
   const tempString = string.slice(firstLetterInPath);
-  if(isMakeUppercase) return tempString.charAt(0).toUpperCase() + tempString.slice(1);
+  if (isMakeUppercase) return tempString.charAt(0).toUpperCase() + tempString.slice(1);
   return tempString.charAt(0).toLowerCase() + tempString.slice(1);
 };
 
-export default changeCapitalization;
\ No newline at end of file
+export default changeCapitalization;
diff --git a/lib/utils/date-utils.ts b/lib/utils/date-utils.ts
index eb094ab746..c0d57e2885 100644
--- a/lib/utils/date-utils.ts
+++ b/lib/utils/date-utils.ts
@@ -3,7 +3,7 @@ const months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "
 
 export const calcDaysFromToday = (endDate: Date) => {
   const timeFromNowArray = formatDistanceToNowStrict(endDate, {
-    unit: "day"
+    unit: "day",
   }).split(" ");
 
   const daysFromNow = parseInt(timeFromNowArray[0]);
@@ -13,7 +13,7 @@ export const calcDaysFromToday = (endDate: Date) => {
 
 export const calcMonthsFromToday = (endDate: Date) => {
   const timeFromNowArray = formatDistanceToNowStrict(endDate, {
-    unit: "month"
+    unit: "month",
   }).split(" ");
 
   const monthsFromNow = parseInt(timeFromNowArray[0]);
@@ -23,7 +23,7 @@ export const calcMonthsFromToday = (endDate: Date) => {
 
 export const calcYearsFromToday = (endDate: Date) => {
   const timeFromNowArray = formatDistanceToNowStrict(endDate, {
-    unit: "year"
+    unit: "year",
   }).split(" ");
 
   const monthsFromNow = parseInt(timeFromNowArray[0]);
diff --git a/lib/utils/get-current-date.ts b/lib/utils/get-current-date.ts
index 71ce46f398..9cd42c7c0d 100644
--- a/lib/utils/get-current-date.ts
+++ b/lib/utils/get-current-date.ts
@@ -1,8 +1,21 @@
 const getCurrentDate = () => {
-  const month = ["January","February","March","April","May","June","July","August","September","October","November","December"];
-  const today = new Date;
+  const month = [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December",
+  ];
+  const today = new Date();
 
   return `${month[today.getMonth()]} ${today.getDate()}, ${today.getFullYear()}`;
 };
 
-export default getCurrentDate;
\ No newline at end of file
+export default getCurrentDate;
diff --git a/lib/utils/get-filter-key.ts b/lib/utils/get-filter-key.ts
index d2dcc472b6..48593195be 100644
--- a/lib/utils/get-filter-key.ts
+++ b/lib/utils/get-filter-key.ts
@@ -7,4 +7,4 @@ const getFilterKey = (filterName: string) => {
   return filterName.toLowerCase().replaceAll(" ", "-");
 };
 
-export default getFilterKey;
\ No newline at end of file
+export default getFilterKey;
diff --git a/lib/utils/get-filter-query.ts b/lib/utils/get-filter-query.ts
index d5597ec4a9..a27b994b15 100644
--- a/lib/utils/get-filter-query.ts
+++ b/lib/utils/get-filter-query.ts
@@ -10,4 +10,4 @@ const getFilterQuery = (filter: string | string[] | undefined): string => {
   return `${query}` ? `&${query}` : "";
 };
 
-export default getFilterQuery;
\ No newline at end of file
+export default getFilterQuery;
diff --git a/lib/utils/get-pr-contributors.ts b/lib/utils/get-pr-contributors.ts
index d4ff469f54..3a7d5b4bf5 100644
--- a/lib/utils/get-pr-contributors.ts
+++ b/lib/utils/get-pr-contributors.ts
@@ -1,16 +1,18 @@
 const getPullRequestsContributors = (repositoryPullRequests: DbRepoPR[]) => {
-  const uniqueContributors = Object.keys(repositoryPullRequests
-    .filter(pr => !pr.author_login.includes("[bot]"))
-    .reduce((contributors, pull_request) => {
-      return {
-        ...contributors,
-        [pull_request.author_login]: true
-      };
-    }, {}));
+  const uniqueContributors = Object.keys(
+    repositoryPullRequests
+      .filter((pr) => !pr.author_login.includes("[bot]"))
+      .reduce((contributors, pull_request) => {
+        return {
+          ...contributors,
+          [pull_request.author_login]: true,
+        };
+      }, {})
+  );
 
-  const contributorData = uniqueContributors.map(author => ({ host_login: author }));
+  const contributorData = uniqueContributors.map((author) => ({ host_login: author }));
 
   return contributorData;
 };
 
-export default getPullRequestsContributors;
\ No newline at end of file
+export default getPullRequestsContributors;
diff --git a/lib/utils/get-prs-to-days.ts b/lib/utils/get-prs-to-days.ts
index f3ae9b4d7a..eb302c5a68 100644
--- a/lib/utils/get-prs-to-days.ts
+++ b/lib/utils/get-prs-to-days.ts
@@ -1,7 +1,7 @@
 import differenceInDays from "date-fns/differenceInDays";
 
 interface GraphData {
-  x: number,
+  x: number;
   y: number;
 }
 
@@ -19,11 +19,11 @@ const getPullRequestsToDays = (pull_requests: DbRepoPR[], range = 30) => {
   }, {});
 
   const days: GraphData[] = [];
-  for(let d=range;d>=0;d--) {
+  for (let d = range; d >= 0; d--) {
     days.push({ x: d, y: graphDays[d] || 0 });
   }
 
   return days;
 };
 
-export default getPullRequestsToDays;
\ No newline at end of file
+export default getPullRequestsToDays;
diff --git a/lib/utils/get-recent-commits.ts b/lib/utils/get-recent-commits.ts
index 5e1b49fd0f..16511fc2db 100644
--- a/lib/utils/get-recent-commits.ts
+++ b/lib/utils/get-recent-commits.ts
@@ -15,9 +15,9 @@ export const getCommitsLast30Days = (commits: DbRepoCommit[]): CommitGraphData[]
   }, {});
 
   const days: any[] = [];
-  for(let d=30;d>=0;d--) {
+  for (let d = 30; d >= 0; d--) {
     days.push({ x: d, y: commitDays[d] || 0 });
   }
 
   return days;
-};
\ No newline at end of file
+};
diff --git a/lib/utils/get-repo-insights.ts b/lib/utils/get-repo-insights.ts
index 65b64a6ad7..a510732076 100644
--- a/lib/utils/get-repo-insights.ts
+++ b/lib/utils/get-repo-insights.ts
@@ -1,33 +1,36 @@
 const getRepoInsights = (repos: DbRepo[]) => {
-  const repoList = repos.map(repo => {
+  const repoList = repos.map((repo) => {
     const [repoOwner, repoName] = repo.full_name.split("/");
 
     return {
       repoIcon: `https://github.com/${repoOwner}.png?size=60`,
       repoName,
-      repoOwner
+      repoOwner,
     };
   });
 
-  const repoTotals = repos.reduce((totals, curr) => {
-    const merged = (totals["merged"] || 0) + (curr.merged_prs_count || 0);
-    const opened = (totals["opened"] || 0) + (curr.open_prs_count || 0);
-    const closed = (totals["closed"] || 0) + (curr.closed_prs_count || 0);
-    const drafts = (totals["drafts"] || 0) + (curr.draft_prs_count || 0);
-    const churn = (totals["churn"] || 0) + (curr.churnTotalCount || 0);
-    const velocity = (totals["velocity"] || 0) + (curr.pr_velocity_count || 0);
-    const total = (totals["total"] || 0);
+  const repoTotals = repos.reduce(
+    (totals, curr) => {
+      const merged = (totals["merged"] || 0) + (curr.merged_prs_count || 0);
+      const opened = (totals["opened"] || 0) + (curr.open_prs_count || 0);
+      const closed = (totals["closed"] || 0) + (curr.closed_prs_count || 0);
+      const drafts = (totals["drafts"] || 0) + (curr.draft_prs_count || 0);
+      const churn = (totals["churn"] || 0) + (curr.churnTotalCount || 0);
+      const velocity = (totals["velocity"] || 0) + (curr.pr_velocity_count || 0);
+      const total = totals["total"] || 0;
 
-    return {
-      merged,
-      opened,
-      closed,
-      drafts,
-      churn,
-      velocity,
-      total: total + merged + opened + closed + drafts
-    };
-  }, {} as Record<"opened" | "merged" | "closed" | "drafts" | "churn" | "velocity" | "total", number>);
+      return {
+        merged,
+        opened,
+        closed,
+        drafts,
+        churn,
+        velocity,
+        total: total + merged + opened + closed + drafts,
+      };
+    },
+    {} as Record<"opened" | "merged" | "closed" | "drafts" | "churn" | "velocity" | "total", number>
+  );
 
   return {
     repoList,
@@ -37,8 +40,8 @@ const getRepoInsights = (repos: DbRepo[]) => {
     drafts: repoTotals["drafts"] || 0,
     total: repoTotals["total"] || 0,
     velocity: repoTotals["velocity"] || 0,
-    churn: repoTotals["churn"] || 0
+    churn: repoTotals["churn"] || 0,
   };
 };
 
-export default getRepoInsights;
\ No newline at end of file
+export default getRepoInsights;
diff --git a/lib/utils/getInterestOptions.ts b/lib/utils/getInterestOptions.ts
index d40482ef95..ba16443d07 100644
--- a/lib/utils/getInterestOptions.ts
+++ b/lib/utils/getInterestOptions.ts
@@ -14,9 +14,9 @@ const interests = [
   "golang",
   "rust",
   "vue",
-  "kubernetes"
+  "kubernetes",
 ] as const;
-export type interestsType = typeof interests[number];
+export type interestsType = (typeof interests)[number];
 
 export const getInterestOptions = () => {
   // returning mutable type array instead of `Read Only` type.
diff --git a/lib/utils/getTopicThumbnail.ts b/lib/utils/getTopicThumbnail.ts
index bd9ef7a1dd..9d95ae3944 100644
--- a/lib/utils/getTopicThumbnail.ts
+++ b/lib/utils/getTopicThumbnail.ts
@@ -35,7 +35,7 @@ const topicThumbnails: Record<interestsType, string> = {
   golang: go,
   rust: rust,
   vue: vue,
-  kubernetes: kubernetes
+  kubernetes: kubernetes,
 };
 
 const getTopicThumbnail = (topic: keyof typeof topicThumbnails) => {
diff --git a/lib/utils/github.ts b/lib/utils/github.ts
index 62cd7c6cfe..61b80929db 100644
--- a/lib/utils/github.ts
+++ b/lib/utils/github.ts
@@ -26,13 +26,13 @@ const generateApiPrUrl = (
     if (githubUrl.hostname !== "github.com") {
       return {
         isValidUrl: false,
-        apiPaths: { orgName: null, repoName: null, issueId: null }
+        apiPaths: { orgName: null, repoName: null, issueId: null },
       };
     }
 
     return {
       isValidUrl: true,
-      apiPaths: { orgName, repoName, issueId }
+      apiPaths: { orgName, repoName, issueId },
     };
   } catch (err) {
     return { isValidUrl: false, apiPaths: { orgName: null, repoName: null, issueId: null } };
diff --git a/lib/utils/public-api-fetcher.ts b/lib/utils/public-api-fetcher.ts
index 6c6ac2f1eb..cf947599c7 100644
--- a/lib/utils/public-api-fetcher.ts
+++ b/lib/utils/public-api-fetcher.ts
@@ -10,8 +10,8 @@ const publicApiFetcher: Fetcher = async (apiUrl: string) => {
   const res = await fetch(`${baseUrl}/${apiUrl}`, {
     headers: {
       accept: "application/json",
-      Authorization: `Bearer ${sessionToken}`
-    }
+      Authorization: `Bearer ${sessionToken}`,
+    },
   });
 
   if (!res.ok) {
diff --git a/lib/utils/recommendations.ts b/lib/utils/recommendations.ts
index 6209c93a7d..24bf1427ca 100644
--- a/lib/utils/recommendations.ts
+++ b/lib/utils/recommendations.ts
@@ -1,6 +1,5 @@
 import { interestsType } from "./getInterestOptions";
 
-
 const recommendations: Record<interestsType, string[]> = {
   react: ["Skyscanner/backpack"],
   javascript: ["EddieHubCommunity/LinkFree"],
@@ -17,7 +16,7 @@ const recommendations: Record<interestsType, string[]> = {
   typescript: ["sequelize/sequelize"],
   golang: ["cli/cli"],
   vue: ["vuejs/vue"],
-  kubernetes: ["kubernetes/kubernetes"]
+  kubernetes: ["kubernetes/kubernetes"],
 };
 
 export default recommendations;
diff --git a/lib/utils/timezones.ts b/lib/utils/timezones.ts
index 16e1b556aa..fcd12e6caf 100644
--- a/lib/utils/timezones.ts
+++ b/lib/utils/timezones.ts
@@ -7,7 +7,7 @@ export const timezones = [
     offset: -12,
     isdst: false,
     text: "(UTC-12:00) International Date Line West",
-    utc: ["Etc/GMT+12"]
+    utc: ["Etc/GMT+12"],
   },
   {
     value: "UTC-11",
@@ -15,7 +15,7 @@ export const timezones = [
     offset: -11,
     isdst: false,
     text: "(UTC-11:00) Coordinated Universal Time-11",
-    utc: ["Etc/GMT+11", "Pacific/Midway", "Pacific/Niue", "Pacific/Pago_Pago"]
+    utc: ["Etc/GMT+11", "Pacific/Midway", "Pacific/Niue", "Pacific/Pago_Pago"],
   },
   {
     value: "Hawaiian Standard Time",
@@ -23,7 +23,7 @@ export const timezones = [
     offset: -10,
     isdst: false,
     text: "(UTC-10:00) Hawaii",
-    utc: ["Etc/GMT+10", "Pacific/Honolulu", "Pacific/Johnston", "Pacific/Rarotonga", "Pacific/Tahiti"]
+    utc: ["Etc/GMT+10", "Pacific/Honolulu", "Pacific/Johnston", "Pacific/Rarotonga", "Pacific/Tahiti"],
   },
   {
     value: "Alaskan Standard Time",
@@ -31,7 +31,7 @@ export const timezones = [
     offset: -8,
     isdst: true,
     text: "(UTC-09:00) Alaska",
-    utc: ["America/Anchorage", "America/Juneau", "America/Nome", "America/Sitka", "America/Yakutat"]
+    utc: ["America/Anchorage", "America/Juneau", "America/Nome", "America/Sitka", "America/Yakutat"],
   },
   {
     value: "Pacific Standard Time (Mexico)",
@@ -39,7 +39,7 @@ export const timezones = [
     offset: -7,
     isdst: true,
     text: "(UTC-08:00) Baja California",
-    utc: ["America/Santa_Isabel"]
+    utc: ["America/Santa_Isabel"],
   },
   {
     value: "Pacific Daylight Time",
@@ -47,7 +47,7 @@ export const timezones = [
     offset: -7,
     isdst: true,
     text: "(UTC-07:00) Pacific Daylight Time (US & Canada)",
-    utc: ["America/Los_Angeles", "America/Tijuana", "America/Vancouver"]
+    utc: ["America/Los_Angeles", "America/Tijuana", "America/Vancouver"],
   },
   {
     value: "Pacific Standard Time",
@@ -55,7 +55,7 @@ export const timezones = [
     offset: -8,
     isdst: false,
     text: "(UTC-08:00) Pacific Standard Time (US & Canada)",
-    utc: ["America/Los_Angeles", "America/Tijuana", "America/Vancouver", "PST8PDT"]
+    utc: ["America/Los_Angeles", "America/Tijuana", "America/Vancouver", "PST8PDT"],
   },
   {
     value: "US Mountain Standard Time",
@@ -70,8 +70,8 @@ export const timezones = [
       "America/Hermosillo",
       "America/Phoenix",
       "America/Whitehorse",
-      "Etc/GMT+7"
-    ]
+      "Etc/GMT+7",
+    ],
   },
   {
     value: "Mountain Standard Time (Mexico)",
@@ -79,7 +79,7 @@ export const timezones = [
     offset: -6,
     isdst: true,
     text: "(UTC-07:00) Chihuahua, La Paz, Mazatlan",
-    utc: ["America/Chihuahua", "America/Mazatlan"]
+    utc: ["America/Chihuahua", "America/Mazatlan"],
   },
   {
     value: "Mountain Standard Time",
@@ -95,8 +95,8 @@ export const timezones = [
       "America/Inuvik",
       "America/Ojinaga",
       "America/Yellowknife",
-      "MST7MDT"
-    ]
+      "MST7MDT",
+    ],
   },
   {
     value: "Central America Standard Time",
@@ -112,8 +112,8 @@ export const timezones = [
       "America/Managua",
       "America/Tegucigalpa",
       "Etc/GMT+6",
-      "Pacific/Galapagos"
-    ]
+      "Pacific/Galapagos",
+    ],
   },
   {
     value: "Central Standard Time",
@@ -134,8 +134,8 @@ export const timezones = [
       "America/Rankin_Inlet",
       "America/Resolute",
       "America/Winnipeg",
-      "CST6CDT"
-    ]
+      "CST6CDT",
+    ],
   },
   {
     value: "Central Standard Time (Mexico)",
@@ -143,7 +143,7 @@ export const timezones = [
     offset: -5,
     isdst: true,
     text: "(UTC-06:00) Guadalajara, Mexico City, Monterrey",
-    utc: ["America/Bahia_Banderas", "America/Cancun", "America/Merida", "America/Mexico_City", "America/Monterrey"]
+    utc: ["America/Bahia_Banderas", "America/Cancun", "America/Merida", "America/Mexico_City", "America/Monterrey"],
   },
   {
     value: "Canada Central Standard Time",
@@ -151,7 +151,7 @@ export const timezones = [
     offset: -6,
     isdst: false,
     text: "(UTC-06:00) Saskatchewan",
-    utc: ["America/Regina", "America/Swift_Current"]
+    utc: ["America/Regina", "America/Swift_Current"],
   },
   {
     value: "SA Pacific Standard Time",
@@ -169,8 +169,8 @@ export const timezones = [
       "America/Lima",
       "America/Panama",
       "America/Rio_Branco",
-      "Etc/GMT+5"
-    ]
+      "Etc/GMT+5",
+    ],
   },
   {
     value: "Eastern Standard Time",
@@ -194,8 +194,8 @@ export const timezones = [
       "America/Pangnirtung",
       "America/Port-au-Prince",
       "America/Thunder_Bay",
-      "America/Toronto"
-    ]
+      "America/Toronto",
+    ],
   },
   {
     value: "Eastern Daylight Time",
@@ -219,8 +219,8 @@ export const timezones = [
       "America/Pangnirtung",
       "America/Port-au-Prince",
       "America/Thunder_Bay",
-      "America/Toronto"
-    ]
+      "America/Toronto",
+    ],
   },
   {
     value: "US Eastern Standard Time",
@@ -228,7 +228,7 @@ export const timezones = [
     offset: -5,
     isdst: false,
     text: "(UTC-05:00) Indiana (East)",
-    utc: ["America/Indiana/Marengo", "America/Indiana/Vevay", "America/Indianapolis"]
+    utc: ["America/Indiana/Marengo", "America/Indiana/Vevay", "America/Indianapolis"],
   },
   {
     value: "Venezuela Standard Time",
@@ -236,7 +236,7 @@ export const timezones = [
     offset: -4.5,
     isdst: false,
     text: "(UTC-04:30) Caracas",
-    utc: ["America/Caracas"]
+    utc: ["America/Caracas"],
   },
   {
     value: "Paraguay Standard Time",
@@ -244,7 +244,7 @@ export const timezones = [
     offset: -4,
     isdst: false,
     text: "(UTC-04:00) Asuncion",
-    utc: ["America/Asuncion"]
+    utc: ["America/Asuncion"],
   },
   {
     value: "Atlantic Standard Time",
@@ -258,8 +258,8 @@ export const timezones = [
       "America/Halifax",
       "America/Moncton",
       "America/Thule",
-      "Atlantic/Bermuda"
-    ]
+      "Atlantic/Bermuda",
+    ],
   },
   {
     value: "Central Brazilian Standard Time",
@@ -267,7 +267,7 @@ export const timezones = [
     offset: -4,
     isdst: false,
     text: "(UTC-04:00) Cuiaba",
-    utc: ["America/Campo_Grande", "America/Cuiaba"]
+    utc: ["America/Campo_Grande", "America/Cuiaba"],
   },
   {
     value: "SA Western Standard Time",
@@ -305,8 +305,8 @@ export const timezones = [
       "America/St_Thomas",
       "America/St_Vincent",
       "America/Tortola",
-      "Etc/GMT+4"
-    ]
+      "Etc/GMT+4",
+    ],
   },
   {
     value: "Pacific SA Standard Time",
@@ -314,7 +314,7 @@ export const timezones = [
     offset: -4,
     isdst: false,
     text: "(UTC-04:00) Santiago",
-    utc: ["America/Santiago", "Antarctica/Palmer"]
+    utc: ["America/Santiago", "Antarctica/Palmer"],
   },
   {
     value: "Newfoundland Standard Time",
@@ -322,7 +322,7 @@ export const timezones = [
     offset: -2.5,
     isdst: true,
     text: "(UTC-03:30) Newfoundland",
-    utc: ["America/St_Johns"]
+    utc: ["America/St_Johns"],
   },
   {
     value: "E. South America Standard Time",
@@ -330,7 +330,7 @@ export const timezones = [
     offset: -3,
     isdst: false,
     text: "(UTC-03:00) Brasilia",
-    utc: ["America/Sao_Paulo"]
+    utc: ["America/Sao_Paulo"],
   },
   {
     value: "Argentina Standard Time",
@@ -350,8 +350,8 @@ export const timezones = [
       "America/Catamarca",
       "America/Cordoba",
       "America/Jujuy",
-      "America/Mendoza"
-    ]
+      "America/Mendoza",
+    ],
   },
   {
     value: "SA Eastern Standard Time",
@@ -370,8 +370,8 @@ export const timezones = [
       "America/Santarem",
       "Antarctica/Rothera",
       "Atlantic/Stanley",
-      "Etc/GMT+3"
-    ]
+      "Etc/GMT+3",
+    ],
   },
   {
     value: "Greenland Standard Time",
@@ -379,7 +379,7 @@ export const timezones = [
     offset: -3,
     isdst: true,
     text: "(UTC-03:00) Greenland",
-    utc: ["America/Godthab"]
+    utc: ["America/Godthab"],
   },
   {
     value: "Montevideo Standard Time",
@@ -387,7 +387,7 @@ export const timezones = [
     offset: -3,
     isdst: false,
     text: "(UTC-03:00) Montevideo",
-    utc: ["America/Montevideo"]
+    utc: ["America/Montevideo"],
   },
   {
     value: "Bahia Standard Time",
@@ -395,7 +395,7 @@ export const timezones = [
     offset: -3,
     isdst: false,
     text: "(UTC-03:00) Salvador",
-    utc: ["America/Bahia"]
+    utc: ["America/Bahia"],
   },
   {
     value: "UTC-02",
@@ -403,7 +403,7 @@ export const timezones = [
     offset: -2,
     isdst: false,
     text: "(UTC-02:00) Coordinated Universal Time-02",
-    utc: ["America/Noronha", "Atlantic/South_Georgia", "Etc/GMT+2"]
+    utc: ["America/Noronha", "Atlantic/South_Georgia", "Etc/GMT+2"],
   },
   {
     value: "Mid-Atlantic Standard Time",
@@ -411,7 +411,7 @@ export const timezones = [
     offset: -1,
     isdst: true,
     text: "(UTC-02:00) Mid-Atlantic - Old",
-    utc: []
+    utc: [],
   },
   {
     value: "Azores Standard Time",
@@ -419,7 +419,7 @@ export const timezones = [
     offset: 0,
     isdst: true,
     text: "(UTC-01:00) Azores",
-    utc: ["America/Scoresbysund", "Atlantic/Azores"]
+    utc: ["America/Scoresbysund", "Atlantic/Azores"],
   },
   {
     value: "Cape Verde Standard Time",
@@ -427,7 +427,7 @@ export const timezones = [
     offset: -1,
     isdst: false,
     text: "(UTC-01:00) Cape Verde Is.",
-    utc: ["Atlantic/Cape_Verde", "Etc/GMT+1"]
+    utc: ["Atlantic/Cape_Verde", "Etc/GMT+1"],
   },
   {
     value: "Morocco Standard Time",
@@ -435,7 +435,7 @@ export const timezones = [
     offset: 1,
     isdst: true,
     text: "(UTC) Casablanca",
-    utc: ["Africa/Casablanca", "Africa/El_Aaiun"]
+    utc: ["Africa/Casablanca", "Africa/El_Aaiun"],
   },
   {
     value: "UTC",
@@ -443,7 +443,7 @@ export const timezones = [
     offset: 0,
     isdst: false,
     text: "(UTC) Coordinated Universal Time",
-    utc: ["America/Danmarkshavn", "Etc/GMT"]
+    utc: ["America/Danmarkshavn", "Etc/GMT"],
   },
   {
     value: "GMT Standard Time",
@@ -451,7 +451,7 @@ export const timezones = [
     offset: 0,
     isdst: false,
     text: "(UTC) Edinburgh, London",
-    utc: ["Europe/Isle_of_Man", "Europe/Guernsey", "Europe/Jersey", "Europe/London"]
+    utc: ["Europe/Isle_of_Man", "Europe/Guernsey", "Europe/Jersey", "Europe/London"],
   },
   {
     value: "British Summer Time",
@@ -459,7 +459,7 @@ export const timezones = [
     offset: 1,
     isdst: true,
     text: "(UTC+01:00) Edinburgh, London",
-    utc: ["Europe/Isle_of_Man", "Europe/Guernsey", "Europe/Jersey", "Europe/London"]
+    utc: ["Europe/Isle_of_Man", "Europe/Guernsey", "Europe/Jersey", "Europe/London"],
   },
   {
     value: "GMT Standard Time",
@@ -467,7 +467,7 @@ export const timezones = [
     offset: 1,
     isdst: true,
     text: "(UTC) Dublin, Lisbon",
-    utc: ["Atlantic/Canary", "Atlantic/Faeroe", "Atlantic/Madeira", "Europe/Dublin", "Europe/Lisbon"]
+    utc: ["Atlantic/Canary", "Atlantic/Faeroe", "Atlantic/Madeira", "Europe/Dublin", "Europe/Lisbon"],
   },
   {
     value: "Greenwich Standard Time",
@@ -490,8 +490,8 @@ export const timezones = [
       "Africa/Ouagadougou",
       "Africa/Sao_Tome",
       "Atlantic/Reykjavik",
-      "Atlantic/St_Helena"
-    ]
+      "Atlantic/St_Helena",
+    ],
   },
   {
     value: "W. Europe Standard Time",
@@ -516,8 +516,8 @@ export const timezones = [
       "Europe/Vaduz",
       "Europe/Vatican",
       "Europe/Vienna",
-      "Europe/Zurich"
-    ]
+      "Europe/Zurich",
+    ],
   },
   {
     value: "Central Europe Standard Time",
@@ -532,8 +532,8 @@ export const timezones = [
       "Europe/Ljubljana",
       "Europe/Podgorica",
       "Europe/Prague",
-      "Europe/Tirane"
-    ]
+      "Europe/Tirane",
+    ],
   },
   {
     value: "Romance Standard Time",
@@ -541,7 +541,7 @@ export const timezones = [
     offset: 2,
     isdst: true,
     text: "(UTC+01:00) Brussels, Copenhagen, Madrid, Paris",
-    utc: ["Africa/Ceuta", "Europe/Brussels", "Europe/Copenhagen", "Europe/Madrid", "Europe/Paris"]
+    utc: ["Africa/Ceuta", "Europe/Brussels", "Europe/Copenhagen", "Europe/Madrid", "Europe/Paris"],
   },
   {
     value: "Central European Standard Time",
@@ -549,7 +549,7 @@ export const timezones = [
     offset: 2,
     isdst: true,
     text: "(UTC+01:00) Sarajevo, Skopje, Warsaw, Zagreb",
-    utc: ["Europe/Sarajevo", "Europe/Skopje", "Europe/Warsaw", "Europe/Zagreb"]
+    utc: ["Europe/Sarajevo", "Europe/Skopje", "Europe/Warsaw", "Europe/Zagreb"],
   },
   {
     value: "W. Central Africa Standard Time",
@@ -571,8 +571,8 @@ export const timezones = [
       "Africa/Niamey",
       "Africa/Porto-Novo",
       "Africa/Tunis",
-      "Etc/GMT-1"
-    ]
+      "Etc/GMT-1",
+    ],
   },
   {
     value: "Namibia Standard Time",
@@ -580,7 +580,7 @@ export const timezones = [
     offset: 1,
     isdst: false,
     text: "(UTC+01:00) Windhoek",
-    utc: ["Africa/Windhoek"]
+    utc: ["Africa/Windhoek"],
   },
   {
     value: "GTB Standard Time",
@@ -588,7 +588,7 @@ export const timezones = [
     offset: 3,
     isdst: true,
     text: "(UTC+02:00) Athens, Bucharest",
-    utc: ["Asia/Nicosia", "Europe/Athens", "Europe/Bucharest", "Europe/Chisinau"]
+    utc: ["Asia/Nicosia", "Europe/Athens", "Europe/Bucharest", "Europe/Chisinau"],
   },
   {
     value: "Middle East Standard Time",
@@ -596,7 +596,7 @@ export const timezones = [
     offset: 3,
     isdst: true,
     text: "(UTC+02:00) Beirut",
-    utc: ["Asia/Beirut"]
+    utc: ["Asia/Beirut"],
   },
   {
     value: "Egypt Standard Time",
@@ -604,7 +604,7 @@ export const timezones = [
     offset: 2,
     isdst: false,
     text: "(UTC+02:00) Cairo",
-    utc: ["Africa/Cairo"]
+    utc: ["Africa/Cairo"],
   },
   {
     value: "Syria Standard Time",
@@ -612,7 +612,7 @@ export const timezones = [
     offset: 3,
     isdst: true,
     text: "(UTC+02:00) Damascus",
-    utc: ["Asia/Damascus"]
+    utc: ["Asia/Damascus"],
   },
   {
     value: "E. Europe Standard Time",
@@ -634,8 +634,8 @@ export const timezones = [
       "Europe/Tallinn",
       "Europe/Uzhgorod",
       "Europe/Vilnius",
-      "Europe/Zaporozhye"
-    ]
+      "Europe/Zaporozhye",
+    ],
   },
   {
     value: "South Africa Standard Time",
@@ -655,8 +655,8 @@ export const timezones = [
       "Africa/Maputo",
       "Africa/Maseru",
       "Africa/Mbabane",
-      "Etc/GMT-2"
-    ]
+      "Etc/GMT-2",
+    ],
   },
   {
     value: "FLE Standard Time",
@@ -673,8 +673,8 @@ export const timezones = [
       "Europe/Tallinn",
       "Europe/Uzhgorod",
       "Europe/Vilnius",
-      "Europe/Zaporozhye"
-    ]
+      "Europe/Zaporozhye",
+    ],
   },
   {
     value: "Turkey Standard Time",
@@ -682,7 +682,7 @@ export const timezones = [
     offset: 3,
     isdst: false,
     text: "(UTC+03:00) Istanbul",
-    utc: ["Europe/Istanbul"]
+    utc: ["Europe/Istanbul"],
   },
   {
     value: "Israel Standard Time",
@@ -690,7 +690,7 @@ export const timezones = [
     offset: 3,
     isdst: true,
     text: "(UTC+02:00) Jerusalem",
-    utc: ["Asia/Jerusalem"]
+    utc: ["Asia/Jerusalem"],
   },
   {
     value: "Libya Standard Time",
@@ -698,7 +698,7 @@ export const timezones = [
     offset: 2,
     isdst: false,
     text: "(UTC+02:00) Tripoli",
-    utc: ["Africa/Tripoli"]
+    utc: ["Africa/Tripoli"],
   },
   {
     value: "Jordan Standard Time",
@@ -706,7 +706,7 @@ export const timezones = [
     offset: 3,
     isdst: false,
     text: "(UTC+03:00) Amman",
-    utc: ["Asia/Amman"]
+    utc: ["Asia/Amman"],
   },
   {
     value: "Arabic Standard Time",
@@ -714,7 +714,7 @@ export const timezones = [
     offset: 3,
     isdst: false,
     text: "(UTC+03:00) Baghdad",
-    utc: ["Asia/Baghdad"]
+    utc: ["Asia/Baghdad"],
   },
   {
     value: "Kaliningrad Standard Time",
@@ -722,7 +722,7 @@ export const timezones = [
     offset: 3,
     isdst: false,
     text: "(UTC+02:00) Kaliningrad",
-    utc: ["Europe/Kaliningrad"]
+    utc: ["Europe/Kaliningrad"],
   },
   {
     value: "Arab Standard Time",
@@ -730,7 +730,7 @@ export const timezones = [
     offset: 3,
     isdst: false,
     text: "(UTC+03:00) Kuwait, Riyadh",
-    utc: ["Asia/Aden", "Asia/Bahrain", "Asia/Kuwait", "Asia/Qatar", "Asia/Riyadh"]
+    utc: ["Asia/Aden", "Asia/Bahrain", "Asia/Kuwait", "Asia/Qatar", "Asia/Riyadh"],
   },
   {
     value: "E. Africa Standard Time",
@@ -752,8 +752,8 @@ export const timezones = [
       "Etc/GMT-3",
       "Indian/Antananarivo",
       "Indian/Comoro",
-      "Indian/Mayotte"
-    ]
+      "Indian/Mayotte",
+    ],
   },
   {
     value: "Moscow Standard Time",
@@ -761,7 +761,7 @@ export const timezones = [
     offset: 3,
     isdst: false,
     text: "(UTC+03:00) Moscow, St. Petersburg, Volgograd, Minsk",
-    utc: ["Europe/Kirov", "Europe/Moscow", "Europe/Simferopol", "Europe/Volgograd", "Europe/Minsk"]
+    utc: ["Europe/Kirov", "Europe/Moscow", "Europe/Simferopol", "Europe/Volgograd", "Europe/Minsk"],
   },
   {
     value: "Samara Time",
@@ -769,7 +769,7 @@ export const timezones = [
     offset: 4,
     isdst: false,
     text: "(UTC+04:00) Samara, Ulyanovsk, Saratov",
-    utc: ["Europe/Astrakhan", "Europe/Samara", "Europe/Ulyanovsk"]
+    utc: ["Europe/Astrakhan", "Europe/Samara", "Europe/Ulyanovsk"],
   },
   {
     value: "Iran Standard Time",
@@ -777,7 +777,7 @@ export const timezones = [
     offset: 4.5,
     isdst: true,
     text: "(UTC+03:30) Tehran",
-    utc: ["Asia/Tehran"]
+    utc: ["Asia/Tehran"],
   },
   {
     value: "Arabian Standard Time",
@@ -785,7 +785,7 @@ export const timezones = [
     offset: 4,
     isdst: false,
     text: "(UTC+04:00) Abu Dhabi, Muscat",
-    utc: ["Asia/Dubai", "Asia/Muscat", "Etc/GMT-4"]
+    utc: ["Asia/Dubai", "Asia/Muscat", "Etc/GMT-4"],
   },
   {
     value: "Azerbaijan Standard Time",
@@ -793,7 +793,7 @@ export const timezones = [
     offset: 5,
     isdst: true,
     text: "(UTC+04:00) Baku",
-    utc: ["Asia/Baku"]
+    utc: ["Asia/Baku"],
   },
   {
     value: "Mauritius Standard Time",
@@ -801,7 +801,7 @@ export const timezones = [
     offset: 4,
     isdst: false,
     text: "(UTC+04:00) Port Louis",
-    utc: ["Indian/Mahe", "Indian/Mauritius", "Indian/Reunion"]
+    utc: ["Indian/Mahe", "Indian/Mauritius", "Indian/Reunion"],
   },
   {
     value: "Georgian Standard Time",
@@ -809,7 +809,7 @@ export const timezones = [
     offset: 4,
     isdst: false,
     text: "(UTC+04:00) Tbilisi",
-    utc: ["Asia/Tbilisi"]
+    utc: ["Asia/Tbilisi"],
   },
   {
     value: "Caucasus Standard Time",
@@ -817,7 +817,7 @@ export const timezones = [
     offset: 4,
     isdst: false,
     text: "(UTC+04:00) Yerevan",
-    utc: ["Asia/Yerevan"]
+    utc: ["Asia/Yerevan"],
   },
   {
     value: "Afghanistan Standard Time",
@@ -825,7 +825,7 @@ export const timezones = [
     offset: 4.5,
     isdst: false,
     text: "(UTC+04:30) Kabul",
-    utc: ["Asia/Kabul"]
+    utc: ["Asia/Kabul"],
   },
   {
     value: "West Asia Standard Time",
@@ -844,8 +844,8 @@ export const timezones = [
       "Asia/Tashkent",
       "Etc/GMT-5",
       "Indian/Kerguelen",
-      "Indian/Maldives"
-    ]
+      "Indian/Maldives",
+    ],
   },
   {
     value: "Yekaterinburg Time",
@@ -853,7 +853,7 @@ export const timezones = [
     offset: 5,
     isdst: false,
     text: "(UTC+05:00) Yekaterinburg",
-    utc: ["Asia/Yekaterinburg"]
+    utc: ["Asia/Yekaterinburg"],
   },
   {
     value: "Pakistan Standard Time",
@@ -861,7 +861,7 @@ export const timezones = [
     offset: 5,
     isdst: false,
     text: "(UTC+05:00) Islamabad, Karachi",
-    utc: ["Asia/Karachi"]
+    utc: ["Asia/Karachi"],
   },
   {
     value: "India Standard Time",
@@ -869,7 +869,7 @@ export const timezones = [
     offset: 5.5,
     isdst: false,
     text: "(UTC+05:30) Chennai, Kolkata, Mumbai, New Delhi",
-    utc: ["Asia/Kolkata", "Asia/Calcutta"]
+    utc: ["Asia/Kolkata", "Asia/Calcutta"],
   },
   {
     value: "Sri Lanka Standard Time",
@@ -877,7 +877,7 @@ export const timezones = [
     offset: 5.5,
     isdst: false,
     text: "(UTC+05:30) Sri Jayawardenepura",
-    utc: ["Asia/Colombo"]
+    utc: ["Asia/Colombo"],
   },
   {
     value: "Nepal Standard Time",
@@ -885,7 +885,7 @@ export const timezones = [
     offset: 5.75,
     isdst: false,
     text: "(UTC+05:45) Kathmandu",
-    utc: ["Asia/Kathmandu"]
+    utc: ["Asia/Kathmandu"],
   },
   {
     value: "Central Asia Standard Time",
@@ -900,8 +900,8 @@ export const timezones = [
       "Asia/Qyzylorda",
       "Asia/Urumqi",
       "Etc/GMT-6",
-      "Indian/Chagos"
-    ]
+      "Indian/Chagos",
+    ],
   },
   {
     value: "Bangladesh Standard Time",
@@ -909,7 +909,7 @@ export const timezones = [
     offset: 6,
     isdst: false,
     text: "(UTC+06:00) Dhaka",
-    utc: ["Asia/Dhaka", "Asia/Thimphu"]
+    utc: ["Asia/Dhaka", "Asia/Thimphu"],
   },
   {
     value: "Myanmar Standard Time",
@@ -917,7 +917,7 @@ export const timezones = [
     offset: 6.5,
     isdst: false,
     text: "(UTC+06:30) Yangon (Rangoon)",
-    utc: ["Asia/Rangoon", "Indian/Cocos"]
+    utc: ["Asia/Rangoon", "Indian/Cocos"],
   },
   {
     value: "SE Asia Standard Time",
@@ -935,8 +935,8 @@ export const timezones = [
       "Asia/Saigon",
       "Asia/Vientiane",
       "Etc/GMT-7",
-      "Indian/Christmas"
-    ]
+      "Indian/Christmas",
+    ],
   },
   {
     value: "N. Central Asia Standard Time",
@@ -944,7 +944,7 @@ export const timezones = [
     offset: 7,
     isdst: false,
     text: "(UTC+07:00) Novosibirsk",
-    utc: ["Asia/Novokuznetsk", "Asia/Novosibirsk", "Asia/Omsk"]
+    utc: ["Asia/Novokuznetsk", "Asia/Novosibirsk", "Asia/Omsk"],
   },
   {
     value: "China Standard Time",
@@ -952,7 +952,7 @@ export const timezones = [
     offset: 8,
     isdst: false,
     text: "(UTC+08:00) Beijing, Chongqing, Hong Kong, Urumqi",
-    utc: ["Asia/Hong_Kong", "Asia/Macau", "Asia/Shanghai"]
+    utc: ["Asia/Hong_Kong", "Asia/Macau", "Asia/Shanghai"],
   },
   {
     value: "North Asia Standard Time",
@@ -960,7 +960,7 @@ export const timezones = [
     offset: 8,
     isdst: false,
     text: "(UTC+08:00) Krasnoyarsk",
-    utc: ["Asia/Krasnoyarsk"]
+    utc: ["Asia/Krasnoyarsk"],
   },
   {
     value: "Singapore Standard Time",
@@ -975,8 +975,8 @@ export const timezones = [
       "Asia/Makassar",
       "Asia/Manila",
       "Asia/Singapore",
-      "Etc/GMT-8"
-    ]
+      "Etc/GMT-8",
+    ],
   },
   {
     value: "W. Australia Standard Time",
@@ -984,7 +984,7 @@ export const timezones = [
     offset: 8,
     isdst: false,
     text: "(UTC+08:00) Perth",
-    utc: ["Antarctica/Casey", "Australia/Perth"]
+    utc: ["Antarctica/Casey", "Australia/Perth"],
   },
   {
     value: "Taipei Standard Time",
@@ -992,7 +992,7 @@ export const timezones = [
     offset: 8,
     isdst: false,
     text: "(UTC+08:00) Taipei",
-    utc: ["Asia/Taipei"]
+    utc: ["Asia/Taipei"],
   },
   {
     value: "Ulaanbaatar Standard Time",
@@ -1000,7 +1000,7 @@ export const timezones = [
     offset: 8,
     isdst: false,
     text: "(UTC+08:00) Ulaanbaatar",
-    utc: ["Asia/Choibalsan", "Asia/Ulaanbaatar"]
+    utc: ["Asia/Choibalsan", "Asia/Ulaanbaatar"],
   },
   {
     value: "North Asia East Standard Time",
@@ -1008,7 +1008,7 @@ export const timezones = [
     offset: 8,
     isdst: false,
     text: "(UTC+08:00) Irkutsk",
-    utc: ["Asia/Irkutsk"]
+    utc: ["Asia/Irkutsk"],
   },
   {
     value: "Japan Standard Time",
@@ -1016,7 +1016,7 @@ export const timezones = [
     offset: 9,
     isdst: false,
     text: "(UTC+09:00) Osaka, Sapporo, Tokyo",
-    utc: ["Asia/Dili", "Asia/Jayapura", "Asia/Tokyo", "Etc/GMT-9", "Pacific/Palau"]
+    utc: ["Asia/Dili", "Asia/Jayapura", "Asia/Tokyo", "Etc/GMT-9", "Pacific/Palau"],
   },
   {
     value: "Korea Standard Time",
@@ -1024,7 +1024,7 @@ export const timezones = [
     offset: 9,
     isdst: false,
     text: "(UTC+09:00) Seoul",
-    utc: ["Asia/Pyongyang", "Asia/Seoul"]
+    utc: ["Asia/Pyongyang", "Asia/Seoul"],
   },
   {
     value: "Cen. Australia Standard Time",
@@ -1032,7 +1032,7 @@ export const timezones = [
     offset: 9.5,
     isdst: false,
     text: "(UTC+09:30) Adelaide",
-    utc: ["Australia/Adelaide", "Australia/Broken_Hill"]
+    utc: ["Australia/Adelaide", "Australia/Broken_Hill"],
   },
   {
     value: "AUS Central Standard Time",
@@ -1040,7 +1040,7 @@ export const timezones = [
     offset: 9.5,
     isdst: false,
     text: "(UTC+09:30) Darwin",
-    utc: ["Australia/Darwin"]
+    utc: ["Australia/Darwin"],
   },
   {
     value: "E. Australia Standard Time",
@@ -1048,7 +1048,7 @@ export const timezones = [
     offset: 10,
     isdst: false,
     text: "(UTC+10:00) Brisbane",
-    utc: ["Australia/Brisbane", "Australia/Lindeman"]
+    utc: ["Australia/Brisbane", "Australia/Lindeman"],
   },
   {
     value: "AUS Eastern Standard Time",
@@ -1056,7 +1056,7 @@ export const timezones = [
     offset: 10,
     isdst: false,
     text: "(UTC+10:00) Canberra, Melbourne, Sydney",
-    utc: ["Australia/Melbourne", "Australia/Sydney"]
+    utc: ["Australia/Melbourne", "Australia/Sydney"],
   },
   {
     value: "West Pacific Standard Time",
@@ -1070,8 +1070,8 @@ export const timezones = [
       "Pacific/Guam",
       "Pacific/Port_Moresby",
       "Pacific/Saipan",
-      "Pacific/Truk"
-    ]
+      "Pacific/Truk",
+    ],
   },
   {
     value: "Tasmania Standard Time",
@@ -1079,7 +1079,7 @@ export const timezones = [
     offset: 10,
     isdst: false,
     text: "(UTC+10:00) Hobart",
-    utc: ["Australia/Currie", "Australia/Hobart"]
+    utc: ["Australia/Currie", "Australia/Hobart"],
   },
   {
     value: "Yakutsk Standard Time",
@@ -1087,7 +1087,7 @@ export const timezones = [
     offset: 9,
     isdst: false,
     text: "(UTC+09:00) Yakutsk",
-    utc: ["Asia/Chita", "Asia/Khandyga", "Asia/Yakutsk"]
+    utc: ["Asia/Chita", "Asia/Khandyga", "Asia/Yakutsk"],
   },
   {
     value: "Central Pacific Standard Time",
@@ -1102,8 +1102,8 @@ export const timezones = [
       "Pacific/Guadalcanal",
       "Pacific/Kosrae",
       "Pacific/Noumea",
-      "Pacific/Ponape"
-    ]
+      "Pacific/Ponape",
+    ],
   },
   {
     value: "Vladivostok Standard Time",
@@ -1111,7 +1111,7 @@ export const timezones = [
     offset: 11,
     isdst: false,
     text: "(UTC+11:00) Vladivostok",
-    utc: ["Asia/Sakhalin", "Asia/Ust-Nera", "Asia/Vladivostok"]
+    utc: ["Asia/Sakhalin", "Asia/Ust-Nera", "Asia/Vladivostok"],
   },
   {
     value: "New Zealand Standard Time",
@@ -1119,7 +1119,7 @@ export const timezones = [
     offset: 12,
     isdst: false,
     text: "(UTC+12:00) Auckland, Wellington",
-    utc: ["Antarctica/McMurdo", "Pacific/Auckland"]
+    utc: ["Antarctica/McMurdo", "Pacific/Auckland"],
   },
   {
     value: "UTC+12",
@@ -1135,8 +1135,8 @@ export const timezones = [
       "Pacific/Nauru",
       "Pacific/Tarawa",
       "Pacific/Wake",
-      "Pacific/Wallis"
-    ]
+      "Pacific/Wallis",
+    ],
   },
   {
     value: "Fiji Standard Time",
@@ -1144,7 +1144,7 @@ export const timezones = [
     offset: 12,
     isdst: false,
     text: "(UTC+12:00) Fiji",
-    utc: ["Pacific/Fiji"]
+    utc: ["Pacific/Fiji"],
   },
   {
     value: "Magadan Standard Time",
@@ -1152,7 +1152,7 @@ export const timezones = [
     offset: 12,
     isdst: false,
     text: "(UTC+12:00) Magadan",
-    utc: ["Asia/Anadyr", "Asia/Kamchatka", "Asia/Magadan", "Asia/Srednekolymsk"]
+    utc: ["Asia/Anadyr", "Asia/Kamchatka", "Asia/Magadan", "Asia/Srednekolymsk"],
   },
   {
     value: "Kamchatka Standard Time",
@@ -1160,7 +1160,7 @@ export const timezones = [
     offset: 13,
     isdst: true,
     text: "(UTC+12:00) Petropavlovsk-Kamchatsky - Old",
-    utc: ["Asia/Kamchatka"]
+    utc: ["Asia/Kamchatka"],
   },
   {
     value: "Tonga Standard Time",
@@ -1168,7 +1168,7 @@ export const timezones = [
     offset: 13,
     isdst: false,
     text: "(UTC+13:00) Nuku'alofa",
-    utc: ["Etc/GMT-13", "Pacific/Enderbury", "Pacific/Fakaofo", "Pacific/Tongatapu"]
+    utc: ["Etc/GMT-13", "Pacific/Enderbury", "Pacific/Fakaofo", "Pacific/Tongatapu"],
   },
   {
     value: "Samoa Standard Time",
@@ -1176,8 +1176,8 @@ export const timezones = [
     offset: 13,
     isdst: false,
     text: "(UTC+13:00) Samoa",
-    utc: ["Pacific/Apia"]
-  }
+    utc: ["Pacific/Apia"],
+  },
 ];
 
 export const getTimezone = (timezone: string): number => {
diff --git a/lib/utils/topic-name-formatting.ts b/lib/utils/topic-name-formatting.ts
index df32aaa765..3ab0703286 100644
--- a/lib/utils/topic-name-formatting.ts
+++ b/lib/utils/topic-name-formatting.ts
@@ -4,13 +4,13 @@ import uppercaseFirst from "./uppercase-first";
 const topicNameFormatting = (name: string) => {
   if (!name) return "";
 
-  if(name.toLowerCase() == "javascript") return "JavaScript";
-  if(name.toLowerCase() == "ai") return "AI";
-  if(name.toLowerCase() == "ml") return "Machine Learning";
-  if(name.toLowerCase() == "cpp") return "CPP (C++)";
-  if(name.toLowerCase() == "csharp") return "CSharp (C#)";
-  if(name.toLowerCase() == "php") return "PHP";
-  if(name.toLowerCase() == "typescript") return "TypeScript";
+  if (name.toLowerCase() == "javascript") return "JavaScript";
+  if (name.toLowerCase() == "ai") return "AI";
+  if (name.toLowerCase() == "ml") return "Machine Learning";
+  if (name.toLowerCase() == "cpp") return "CPP (C++)";
+  if (name.toLowerCase() == "csharp") return "CSharp (C#)";
+  if (name.toLowerCase() == "php") return "PHP";
+  if (name.toLowerCase() == "typescript") return "TypeScript";
   else return uppercaseFirst(name);
 };
 
diff --git a/lib/utils/truncate-string.ts b/lib/utils/truncate-string.ts
index 30c7513ee8..5ee1ab3a2b 100644
--- a/lib/utils/truncate-string.ts
+++ b/lib/utils/truncate-string.ts
@@ -7,4 +7,4 @@ export function truncateString(str: string | undefined, num: number) {
     return str;
   }
   return str.slice(0, num) + "...";
-};
+}
diff --git a/lib/utils/uppercase-first.ts b/lib/utils/uppercase-first.ts
index 5d08ffec9e..9f9ec56ca4 100644
--- a/lib/utils/uppercase-first.ts
+++ b/lib/utils/uppercase-first.ts
@@ -6,4 +6,4 @@ const uppercaseFirst = (word: string) => {
   return word.charAt(0).toUpperCase() + word.slice(1);
 };
 
-export default uppercaseFirst;
\ No newline at end of file
+export default uppercaseFirst;
diff --git a/lib/utils/urls.ts b/lib/utils/urls.ts
index e363988f38..e73708a73a 100644
--- a/lib/utils/urls.ts
+++ b/lib/utils/urls.ts
@@ -12,8 +12,6 @@ export const siteUrl = (path: string = "") => {
   return url;
 };
 
-
-
 /**
  * -------------------------------------------------------------------------------
  *  DevCard URLs
diff --git a/lib/utils/validate-is-string-github-pat.ts b/lib/utils/validate-is-string-github-pat.ts
index 0df9fc5d72..4e7fb8a1a2 100644
--- a/lib/utils/validate-is-string-github-pat.ts
+++ b/lib/utils/validate-is-string-github-pat.ts
@@ -4,4 +4,4 @@ const validateIsStringGitHubPAT = (patString: string) => {
   return regex.test(patString);
 };
 
-export default validateIsStringGitHubPAT;
\ No newline at end of file
+export default validateIsStringGitHubPAT;
diff --git a/lib/utils/validate-twitter-username.ts b/lib/utils/validate-twitter-username.ts
index 818a2f9040..778df62628 100644
--- a/lib/utils/validate-twitter-username.ts
+++ b/lib/utils/validate-twitter-username.ts
@@ -4,14 +4,14 @@ interface TwitterUsernameValidation {
 }
 
 export const validateTwitterUsername = (username: string): TwitterUsernameValidation => {
-  if(username.length > 15) return {
-    valid: false,
-    message: "Username must be less than 15 characters"
-  };
-  else if(
-    ["admin", "twitter"].some(reserved => username.toLocaleLowerCase().includes(reserved))
-  ) return {valid: false, message:"Username contains reserved word 'admin' or 'twitter'"};
-  else if(!String(username).match(/^\w{0,15}$/)) 
-    return {valid: false, message: "Username can only contain letters, numbers, and underscores"};
-  else return {valid: true, message: ""};
-};
\ No newline at end of file
+  if (username.length > 15)
+    return {
+      valid: false,
+      message: "Username must be less than 15 characters",
+    };
+  else if (["admin", "twitter"].some((reserved) => username.toLocaleLowerCase().includes(reserved)))
+    return { valid: false, message: "Username contains reserved word 'admin' or 'twitter'" };
+  else if (!String(username).match(/^\w{0,15}$/))
+    return { valid: false, message: "Username can only contain letters, numbers, and underscores" };
+  else return { valid: true, message: "" };
+};
diff --git a/pages/[filterName]/[toolName].tsx b/pages/[filterName]/[toolName].tsx
index 960c702efe..07538522c9 100644
--- a/pages/[filterName]/[toolName].tsx
+++ b/pages/[filterName]/[toolName].tsx
@@ -14,15 +14,13 @@ const Filter: WithPageLayout = () => {
     toolName ? ` / ${changeCapitalization(toolName.toString(), true)}` : ""
   }`;
 
-  useEffect( () => {
+  useEffect(() => {
     Filter.updateSEO!({
-      title: title
+      title: title,
     });
   }, [title]);
 
-  return (
-    <Tool tool={toolName ? changeCapitalization(toolName.toString(), true) : undefined} />
-  );
+  return <Tool tool={toolName ? changeCapitalization(toolName.toString(), true) : undefined} />;
 };
 
 Filter.PageLayout = FilterLayout;
diff --git a/pages/[filterName]/[toolName]/filter/[...selectedFilter].tsx b/pages/[filterName]/[toolName]/filter/[...selectedFilter].tsx
index 000e111262..9f5c02e25d 100644
--- a/pages/[filterName]/[toolName]/filter/[...selectedFilter].tsx
+++ b/pages/[filterName]/[toolName]/filter/[...selectedFilter].tsx
@@ -15,9 +15,9 @@ const SelectedFilter: WithPageLayout = () => {
     toolName ? ` / ${changeCapitalization(toolName.toString(), true)}` : ""
   }`;
 
-  useEffect( () => {
+  useEffect(() => {
     SelectedFilter.updateSEO!({
-      title: title
+      title: title,
     });
   }, [title]);
 
diff --git a/pages/[filterName]/index.tsx b/pages/[filterName]/index.tsx
index 90659cf14c..5faecc3f87 100644
--- a/pages/[filterName]/index.tsx
+++ b/pages/[filterName]/index.tsx
@@ -13,9 +13,7 @@ const Filter: React.FC = () => {
     }
   }, [router, topic]);
 
-  return (
-    <Loader theme={"dark"}/>
-  );
+  return <Loader theme={"dark"} />;
 };
 
 export default Filter;
diff --git a/pages/_app.tsx b/pages/_app.tsx
index c5eb07c262..3350e34d22 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -162,7 +162,7 @@ function MyApp({ Component, pageProps }: ComponentWithPageLayout) {
               </TipProvider>
               <Script id="siteGPT" type="text/javascript">
                 {
-                  "d=document;s=d.createElement(\"script\");s.src=\"https://sitegpt.ai/widget/365440930125185604.js\";s.async=1;d.getElementsByTagName(\"head\")[0].appendChild(s);"
+                  'd=document;s=d.createElement("script");s.src="https://sitegpt.ai/widget/365440930125185604.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);'
                 }
               </Script>
             </PrivateWrapper>
diff --git a/pages/api/card.png.tsx b/pages/api/card.png.tsx
index 583d5273cb..62f965ecaa 100644
--- a/pages/api/card.png.tsx
+++ b/pages/api/card.png.tsx
@@ -8,7 +8,6 @@ import { getRepoList } from "lib/hooks/useRepoList";
  * @params {string} username - username for the requested user
  * @params {number} w - Width of the card
  */
-  
 
 export const config = {
   runtime: "edge",
@@ -46,19 +45,14 @@ export default async function handler(request: NextRequest) {
 
   const bufferSize = size(50);
 
-  const [
-    interSemiBoldFontData,
-    interBlackFontData,
-    logoImgData,
-    prReq,
-  ] = await Promise.all([
+  const [interSemiBoldFontData, interBlackFontData, logoImgData, prReq] = await Promise.all([
     interSemiBoldFont,
     interBlackFont,
     logoImg,
-    fetchContributorPRs(username, undefined, "*", [], 100)
+    fetchContributorPRs(username, undefined, "*", [], 100),
   ]);
 
-  const { data: prData } = prReq; 
+  const { data: prData } = prReq;
   const prs = prData.length;
   const repos = getRepoList(Array.from(new Set(prData.map((prData) => prData.full_name))).join(",")).length;
 
@@ -67,7 +61,7 @@ export default async function handler(request: NextRequest) {
       <div
         tw="flex"
         style={{
-          fontFamily: "\"Inter\"",
+          fontFamily: '"Inter"',
           fontSize: size(16),
           fontWeight: 700,
           paddingBottom: bufferSize,
@@ -83,7 +77,8 @@ export default async function handler(request: NextRequest) {
             borderRadius: size(16),
             borderWidth: size(2),
             boxShadow: `0px ${size(20)} ${size(30)} -12px rgba(0, 0, 0, 0.25)`,
-            background: "#11181C linear-gradient(152.13deg, rgba(217, 217, 217, 0.6) 4.98%, rgba(217, 217, 217, 0.1) 65.85%)",
+            background:
+              "#11181C linear-gradient(152.13deg, rgba(217, 217, 217, 0.6) 4.98%, rgba(217, 217, 217, 0.1) 65.85%)",
           }}
         >
           <div tw="flex items-stretch w-full h-full overflow-hidden">
diff --git a/pages/hub/insights/[insightId]/accept.tsx b/pages/hub/insights/[insightId]/accept.tsx
index 4e5277b2b5..44ba7ca888 100644
--- a/pages/hub/insights/[insightId]/accept.tsx
+++ b/pages/hub/insights/[insightId]/accept.tsx
@@ -25,9 +25,9 @@ const AcceptMemberInvitePage = () => {
       method: "PATCH",
       headers: {
         "Content-Type": "application/json",
-        Authorization: `Bearer ${sessionToken}`
+        Authorization: `Bearer ${sessionToken}`,
       },
-      body: JSON.stringify({ access: "view" })
+      body: JSON.stringify({ access: "view" }),
     });
 
     if (response.ok) {
@@ -80,7 +80,7 @@ AcceptMemberInvitePage.PageLayout = HubLayout;
 AcceptMemberInvitePage.isPrivateRoute = true;
 AcceptMemberInvitePage.SEO = {
   title: "Accept Insight Member Invitation | Open Sauced Insights",
-  noindex: true
+  noindex: true,
 };
 
 export default AcceptMemberInvitePage;
diff --git a/pages/hub/insights/[insightId]/edit.tsx b/pages/hub/insights/[insightId]/edit.tsx
index 78dcc6f24c..7b38ae0dee 100644
--- a/pages/hub/insights/[insightId]/edit.tsx
+++ b/pages/hub/insights/[insightId]/edit.tsx
@@ -36,7 +36,7 @@ EditInsightPage.PageLayout = HubLayout;
 EditInsightPage.isPrivateRoute = true;
 EditInsightPage.SEO = {
   title: "Edit Insight Page | Open Sauced Insights",
-  noindex: true
+  noindex: true,
 };
 
 export default EditInsightPage;
diff --git a/pages/hub/insights/index.tsx b/pages/hub/insights/index.tsx
index 4f1a7a6334..f42b877ff5 100644
--- a/pages/hub/insights/index.tsx
+++ b/pages/hub/insights/index.tsx
@@ -69,8 +69,8 @@ const InsightsHub: WithPageLayout = () => {
         {isLoading
           ? "Loading..."
           : isError
-            ? "Error..."
-            : insightsData.map((insight, index) => {
+          ? "Error..."
+          : insightsData.map((insight, index) => {
               return <InsightRow key={`insights_${insight.id}`} user={user} insight={insight} />;
             })}
       </section>
@@ -85,7 +85,7 @@ const InsightsHub: WithPageLayout = () => {
 
       <div
         className={clsx("py-1 md:py-4 flex w-full md:mt-5 justify-between items-center", {
-          hidden: insightsMeta.itemCount <= insightsMeta.limit
+          hidden: insightsMeta.itemCount <= insightsMeta.limit,
         })}
       >
         <PaginationResults metaInfo={insightsMeta} total={insightsMeta.itemCount} entity={"insights"} />
@@ -111,7 +111,7 @@ const InsightsHub: WithPageLayout = () => {
 InsightsHub.PageLayout = HubLayout;
 InsightsHub.isPrivateRoute = true;
 InsightsHub.SEO = {
-  title: "Insights Hub | Open Sauced Insights"
+  title: "Insights Hub | Open Sauced Insights",
 };
 
 export default InsightsHub;
diff --git a/pages/hub/insights/new.tsx b/pages/hub/insights/new.tsx
index ddf7b7a030..35c8ba6d80 100644
--- a/pages/hub/insights/new.tsx
+++ b/pages/hub/insights/new.tsx
@@ -11,7 +11,8 @@ NewInsightPage.PageLayout = HubLayout;
 NewInsightPage.isPrivateRoute = true;
 NewInsightPage.SEO = {
   title: "Create Insight Page | Open Sauced Insights",
-  description: "An insight page is a dashboard containing selected repositories that you and your team can get insights from."
+  description:
+    "An insight page is a dashboard containing selected repositories that you and your team can get insights from.",
 };
 
 export default NewInsightPage;
diff --git a/pages/start.tsx b/pages/start.tsx
index 3b3c24b6ab..45013a41c9 100644
--- a/pages/start.tsx
+++ b/pages/start.tsx
@@ -113,7 +113,7 @@ interface LoginStep2Props {
 
 const LoginStep2: React.FC<LoginStep2Props> = ({
   handleLoginStep,
-  handleUpdateInterests: handleUpdateInterestsParent
+  handleUpdateInterests: handleUpdateInterestsParent,
 }) => {
   const [selectedInterests, setSelectedInterests] = useState<string[]>([]);
   const interestArray = getInterestOptions();
@@ -190,9 +190,9 @@ const LoginStep3: React.FC<LoginStep3Props> = ({ interests, user }) => {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
-          Authorization: `Bearer ${sessionToken}`
+          Authorization: `Bearer ${sessionToken}`,
         },
-        body: JSON.stringify({ interests, timezone })
+        body: JSON.stringify({ interests, timezone }),
       });
 
       if (data.ok) {
@@ -307,8 +307,8 @@ const Login: WithPageLayout = () => {
                 currentLoginStep === 2
                   ? ChooseInterestsActiveIcon
                   : currentLoginStep < 2
-                    ? ChooseInterestsIcon
-                    : CompletedIcon
+                  ? ChooseInterestsIcon
+                  : CompletedIcon
               }
               size={48}
             />
@@ -325,8 +325,8 @@ const Login: WithPageLayout = () => {
                 currentLoginStep === 3
                   ? ChooseTimezoneActiveIcon
                   : currentLoginStep < 3
-                    ? ChooseTimezoneIcon
-                    : CompletedIcon
+                  ? ChooseTimezoneIcon
+                  : CompletedIcon
               }
               size={48}
             />
diff --git a/pages/user/[username]/card.tsx b/pages/user/[username]/card.tsx
index 02f804df3f..45172ba0cc 100644
--- a/pages/user/[username]/card.tsx
+++ b/pages/user/[username]/card.tsx
@@ -20,7 +20,6 @@ import { cardImageUrl, linkedinCardShareUrl, twitterCardShareUrl } from "lib/uti
 import TwitterIcon from "../../../img/icons/social-twitter.svg";
 import LinkinIcon from "../../../img/icons/social-linkedin.svg";
 import BubbleBG from "../../../img/bubble-bg.svg";
-;
 const ADDITIONAL_PROFILES_TO_LOAD = [
   "bdougie",
   "nickytonline",
@@ -61,7 +60,6 @@ async function fetchInitialCardData(username: string): Promise<DevCardProps> {
     ? Math.floor((Date.now() - Date.parse(user.first_opened_pr_at)) / 86400000)
     : 0;
 
-
   return {
     username,
     avatarURL: githubAvatar,
@@ -101,7 +99,6 @@ export const getServerSideProps: GetServerSideProps<CardProps, Params> = async (
   const uniqueUsernames = [...new Set([username, ...ADDITIONAL_PROFILES_TO_LOAD])];
   const cards = await Promise.all(uniqueUsernames.map(fetchInitialCardData));
 
-
   return {
     props: {
       username,
@@ -156,7 +153,6 @@ const Card: NextPage<CardProps> = ({ username, cards }) => {
     setMinHeight(`${innerHeight}px`);
   }, [innerHeight]);
 
-
   return (
     <div
       style={{
@@ -176,7 +172,7 @@ const Card: NextPage<CardProps> = ({ username, cards }) => {
           gridTemplateRows: "auto 1fr auto",
           // using the JS calculated min-height here to account for mobile browser toolbars
           // see https://dev.to/nirazanbasnet/dont-use-100vh-for-mobile-responsive-3o97
-          minHeight
+          minHeight,
         }}
       >
         <div className="grid justify-center place-content-start py-7 px-3 md:justify-start">
@@ -249,10 +245,10 @@ const Card: NextPage<CardProps> = ({ username, cards }) => {
           ) : (
             <div className="flex flex-col gap-2">
               <Button variant="primary" className="justify-center" href={`/user/${selectedUserName}`}>
-              See Full Profile
+                See Full Profile
               </Button>
               <Button variant="dark" className="justify-center" href="/start">
-              Create your own dev card!
+                Create your own dev card!
               </Button>
             </div>
           )}
@@ -264,8 +260,7 @@ const Card: NextPage<CardProps> = ({ username, cards }) => {
 
 export default Card;
 
-
-function SocialButtons({username, summary} : {username: string, summary: string }) {
+function SocialButtons({ username, summary }: { username: string; summary: string }) {
   const icons = [
     {
       name: "Twitter",
@@ -301,7 +296,7 @@ function SocialButtons({username, summary} : {username: string, summary: string
             key={icon.src}
             href={icon.url}
             className={linkStyle}
-            style={{ backgroundColor: icon.color, borderColor: "rgba(255,255,255,0.2)"}}
+            style={{ backgroundColor: icon.color, borderColor: "rgba(255,255,255,0.2)" }}
             target="_blank"
             rel="noreferrer"
           >
@@ -311,4 +306,4 @@ function SocialButtons({username, summary} : {username: string, summary: string
       </div>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/pages/user/[username]/contributions.tsx b/pages/user/[username]/contributions.tsx
index 138a432eec..25bb2e3c86 100644
--- a/pages/user/[username]/contributions.tsx
+++ b/pages/user/[username]/contributions.tsx
@@ -5,5 +5,3 @@ export default Contributor;
 export const getServerSideProps = async (context: UserSSRPropsContext) => {
   return await handleUserSSR(context);
 };
-
-
diff --git a/pages/user/[username]/highlights.tsx b/pages/user/[username]/highlights.tsx
index 1f9536b805..25bb2e3c86 100644
--- a/pages/user/[username]/highlights.tsx
+++ b/pages/user/[username]/highlights.tsx
@@ -5,4 +5,3 @@ export default Contributor;
 export const getServerSideProps = async (context: UserSSRPropsContext) => {
   return await handleUserSSR(context);
 };
-
diff --git a/pages/user/settings.tsx b/pages/user/settings.tsx
index f88efdef83..5561aa7cc9 100644
--- a/pages/user/settings.tsx
+++ b/pages/user/settings.tsx
@@ -24,6 +24,6 @@ ProfileSettings.PageLayout = ProfileLayout;
 ProfileSettings.isPrivateRoute = true;
 ProfileSettings.SEO = {
   title: "Account Settings | OpenSauced Insights",
-  noindex: true
+  noindex: true,
 };
 export default ProfileSettings;