Run prettier

src/components/icons/Discord.tsx

@@ -1,4 +1,4 @@
-import { memo } from 'react'
+import { memo } from 'react';
 
 function _Discord({
   width,
@@ -6,10 +6,10 @@ function _Discord({
   fill,
   className = '',
 }: {
-  width?: number | string
-  height?: number | string
-  fill?: string
-  className?: string
+  width?: number | string;
+  height?: number | string;
+  fill?: string;
+  className?: string;
 }) {
   return (
     <svg
@@ -32,7 +32,7 @@ function _Discord({
         </clipPath>
       </defs>
     </svg>
-  )
+  );
 }
 
-export const Discord = memo(_Discord)
+export const Discord = memo(_Discord);

src/components/icons/Github.tsx

@@ -1,4 +1,4 @@
-import { memo } from 'react'
+import { memo } from 'react';
 
 function _Github({
   width,
@@ -6,10 +6,10 @@ function _Github({
   fill,
   className = '',
 }: {
-  width?: number | string
-  height?: number | string
-  fill?: string
-  className?: string
+  width?: number | string;
+  height?: number | string;
+  fill?: string;
+  className?: string;
 }) {
   return (
     <svg
@@ -24,7 +24,7 @@ function _Github({
         fill={fill}
       />
     </svg>
-  )
+  );
 }
 
-export const Github = memo(_Github)
+export const Github = memo(_Github);

src/components/icons/LinkedIn.tsx

@@ -1,4 +1,4 @@
-import { memo } from 'react'
+import { memo } from 'react';
 
 function _Linkedin({
   width,
@@ -6,10 +6,10 @@ function _Linkedin({
   fill,
   className = '',
 }: {
-  width?: number | string
-  height?: number | string
-  fill?: string
-  className?: string
+  width?: number | string;
+  height?: number | string;
+  fill?: string;
+  className?: string;
 }) {
   return (
     <svg
@@ -24,7 +24,7 @@ function _Linkedin({
         fill={fill}
       />
     </svg>
-  )
+  );
 }
 
-export const Linkedin = memo(_Linkedin)
+export const Linkedin = memo(_Linkedin);

src/components/icons/Twitter.tsx

@@ -1,4 +1,4 @@
-import { memo } from 'react'
+import { memo } from 'react';
 
 function _Twitter({
   width,
@@ -6,10 +6,10 @@ function _Twitter({
   fill,
   className = '',
 }: {
-  width?: number | string
-  height?: number | string
-  fill?: string
-  className?: string
+  width?: number | string;
+  height?: number | string;
+  fill?: string;
+  className?: string;
 }) {
   return (
     <svg
@@ -24,7 +24,7 @@ function _Twitter({
         fill={fill}
       />
     </svg>
-  )
+  );
 }
 
-export const Twitter = memo(_Twitter)
+export const Twitter = memo(_Twitter);

src/components/icons/Web.tsx

@@ -1,4 +1,4 @@
-import { memo } from 'react'
+import { memo } from 'react';
 
 function _Web({
   width,
@@ -6,10 +6,10 @@ function _Web({
   fill,
   className = '',
 }: {
-  width?: number | string
-  height?: number | string
-  fill?: string
-  className?: string
+  width?: number | string;
+  height?: number | string;
+  fill?: string;
+  className?: string;
 }) {
   return (
     <svg
@@ -74,7 +74,7 @@ function _Web({
         clip-rule="evenodd"
       />
     </svg>
-  )
+  );
 }
 
-export const Web = memo(_Web)
+export const Web = memo(_Web);

src/components/input/Checkbox.module.css

@@ -20,7 +20,7 @@
   border-radius: 0.2rem;
   transform: scale(0);
   transition: 200ms all ease-in-out;
-  background-color: #2362C0;
+  background-color: #2362c0;
 }
 
 .checkbox:checked::before {