run prettier and npm update

Author: joshka

components/icons.tsx

@@ -16,7 +16,7 @@ const Icon: FC<Props> = ({
   className = "",
   viewBox = DEFAULT_VIEW_BOX,
   width = "45",
-  height = "45"
+  height = "45",
 }) => (
   <span className={`icon ${className}`}>
     <svg
@@ -73,7 +73,12 @@ export function DiscordIcon({ className = "" }) {
 
 export function LightThemeIcon({ className = "" }) {
   return (
-    <Icon className={className} width={"24"} height={"24"} viewBox={"0 0 16 16"}>
+    <Icon
+      className={className}
+      width={"24"}
+      height={"24"}
+      viewBox={"0 0 16 16"}
+    >
       <path
         fill="#ffffff"
         d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"
@@ -84,7 +89,12 @@ export function LightThemeIcon({ className = "" }) {
 
 export function DarkThemeIcon({ className = "" }) {
   return (
-    <Icon className={className} width={"24"} height={"24"} viewBox={"0 0 24 24"}>
+    <Icon
+      className={className}
+      width={"24"}
+      height={"24"}
+      viewBox={"0 0 24 24"}
+    >
       <path
         fill="#ffffff"
         d="M12.0972 2.53039C12.2913 2.8649 12.2752 3.28136 12.0557 3.5998C11.3898 4.56594 11 5.73595 11 7.00002C11 10.3137 13.6863 13 17 13C18.2641 13 19.4341 12.6102 20.4002 11.9443C20.7187 11.7249 21.1351 11.7087 21.4696 11.9028C21.8041 12.0969 21.9967 12.4665 21.9642 12.8519C21.5313 17.9765 17.236 22 12 22C6.47715 22 2 17.5229 2 12C2 6.76398 6.02351 2.46874 11.1481 2.03585C11.5335 2.0033 11.9031 2.19588 12.0972 2.53039ZM9.42424 4.42352C6.26994 5.49553 4 8.48306 4 12C4 16.4183 7.58172 20 12 20C15.517 20 18.5045 17.7301 19.5765 14.5758C18.7676 14.8508 17.9008 15 17 15C12.5817 15 9 11.4183 9 7.00002C9 6.09922 9.1492 5.2324 9.42424 4.42352Z"

components/toggle-theme.tsx

@@ -6,13 +6,13 @@ const ToggleTheme: React.FC = () => {
    * Handles theme change
    */
   const toggleTheme = () => {
-    const THEME_KEY = 'data-theme';
+    const THEME_KEY = "data-theme";
 
     // getting current theme from body element
     const currentTheme = document.body.getAttribute(THEME_KEY);
 
     // new theme, opposite to current theme
-    const newTheme = currentTheme === 'light' ? 'dark' : 'light';
+    const newTheme = currentTheme === "light" ? "dark" : "light";
 
     // set new theme on body element
     document.body.setAttribute(THEME_KEY, newTheme);