refact: prefer named exports

src/components/DiscordButton/index.tsx

@@ -1,12 +1,10 @@
 import React, { PropsWithChildren } from "react"
 import * as SC from "./styles"
 
-function DiscordButton({ children }: PropsWithChildren<{}>) {
+export function DiscordButton({ children }: PropsWithChildren<{}>) {
   return (
     <SC.DiscordButtonWrapper>
       <SC.StyledDiscordLogo /> {children}
     </SC.DiscordButtonWrapper>
   )
 }
-
-export default DiscordButton

src/components/Header/index.tsx

@@ -1,6 +1,6 @@
 import { Link } from "gatsby"
 import React, { PropsWithChildren, useLayoutEffect, useState } from "react"
-import DiscordButton from "../DiscordButton"
+import { DiscordButton } from "../DiscordButton"
 import { WavesBottom, WavesTop } from "../Waves"
 import * as SC from "./styles"