From c49085b0f24bb0980ccfd5135abecaf0df75f7e1 Mon Sep 17 00:00:00 2001
From: soyoka <55011525+soy0ka@users.noreply.github.com>
Date: Fri, 18 Apr 2025 16:32:53 +0900
Subject: [PATCH 1/2] fix: prevent navbar from scrolling with page

---
 components/Navbar.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index a8c0431..9a10678 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -1,14 +1,14 @@
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 /* eslint-disable jsx-a11y/no-noninteractive-tabindex */
 /* eslint-disable jsx-a11y/no-static-element-interactions */
-import { useEffect, useState } from 'react'
-import Link from 'next/link'
 import dynamic from 'next/dynamic'
+import Link from 'next/link'
 import { useRouter } from 'next/router'
+import { useEffect, useState } from 'react'
 
-import { redirectTo } from '@utils/Tools'
-import Fetch from '@utils/Fetch'
 import { Nullable, User, UserCache } from '@types'
+import Fetch from '@utils/Fetch'
+import { redirectTo } from '@utils/Tools'
 
 const DiscordAvatar = dynamic(() => import('@components/DiscordAvatar'))
 
@@ -51,7 +51,7 @@ const Navbar: React.FC<NavbarProps> = ({ token }) => {
 	}, [token])
 	return (
 		<>
-			<nav className='fixed top-0 z-40 flex w-full flex-wrap items-center justify-between bg-discord-blurple px-2 py-3 text-gray-100 dark:bg-discord-black lg:absolute'>
+			<nav className='fixed top-0 z-40 flex w-full flex-wrap items-center justify-between bg-discord-blurple px-2 py-3 text-gray-100 dark:bg-discord-black'>
 				<div className='container mx-auto flex flex-wrap items-center justify-between px-4'>
 					<div className='relative flex w-full justify-between lg:w-auto lg:justify-start'>
 						<Link

From 6fad2e1369e4d119c3226957073f81982d83ede7 Mon Sep 17 00:00:00 2001
From: Soyoka <55011525+soy0ka@users.noreply.github.com>
Date: Mon, 21 Apr 2025 20:59:49 +0900
Subject: [PATCH 2/2] chore: fix spacing in return link (#678)

---
 pages/bots/[id]/report.tsx    | 16 ++++++++--------
 pages/bots/[id]/vote.tsx      | 22 +++++++++++-----------
 pages/servers/[id]/report.tsx | 18 +++++++++---------
 pages/servers/[id]/vote.tsx   | 22 +++++++++++-----------
 pages/users/[id]/report.tsx   | 16 ++++++++--------
 5 files changed, 47 insertions(+), 47 deletions(-)

diff --git a/pages/bots/[id]/report.tsx b/pages/bots/[id]/report.tsx
index 776b8b5..cf7be57 100644
--- a/pages/bots/[id]/report.tsx
+++ b/pages/bots/[id]/report.tsx
@@ -1,7 +1,7 @@
-import { NextPage } from 'next'
-import Link from 'next/link'
-import dynamic from 'next/dynamic'
 import { Field, Form, Formik } from 'formik'
+import { NextPage } from 'next'
+import dynamic from 'next/dynamic'
+import Link from 'next/link'
 
 import { Bot, CsrfContext, ResponseProps, User } from '@types'
 import { get } from '@utils/Query'
@@ -9,15 +9,15 @@ import { makeBotURL, parseCookie } from '@utils/Tools'
 
 import { ParsedUrlQuery } from 'querystring'
 
-import NotFound from 'pages/404'
-import { getToken } from '@utils/Csrf'
 import { DMCA, TextField } from '@components/ReportTemplate'
-import { useState } from 'react'
+import { reportCats } from '@utils/Constants'
+import { getToken } from '@utils/Csrf'
 import Fetch from '@utils/Fetch'
 import { ReportSchema } from '@utils/Yup'
 import { getJosaPicker } from 'josa'
-import { reportCats } from '@utils/Constants'
 import { NextSeo } from 'next-seo'
+import NotFound from 'pages/404'
+import { useState } from 'react'
 
 const Container = dynamic(() => import('@components/Container'))
 const Message = dynamic(() => import('@components/Message'))
@@ -37,7 +37,7 @@ const ReportBot: NextPage<ReportBotProps> = ({ data, user, csrfToken }) => {
 			<NextSeo title={`${data.name} 신고하기`} />
 			<Link href={makeBotURL(data)} className='text-blue-500 hover:opacity-80'>
 				<i className='fas fa-arrow-left mb-3 mt-3' /> <strong>{data.name}</strong>
-				{getJosaPicker('로')(data.name)}돌아가기
+				{getJosaPicker('로')(data.name)} 돌아가기
 			</Link>
 			{reportRes?.code === 200 ? (
 				<Message type='success'>
diff --git a/pages/bots/[id]/vote.tsx b/pages/bots/[id]/vote.tsx
index 4411556..c429593 100644
--- a/pages/bots/[id]/vote.tsx
+++ b/pages/bots/[id]/vote.tsx
@@ -1,24 +1,24 @@
 import { NextPage } from 'next'
-import Link from 'next/link'
 import dynamic from 'next/dynamic'
+import Link from 'next/link'
 import { useRouter } from 'next/router'
 
 import { Bot, CsrfContext, ResponseProps, Theme, User } from '@types'
 import { get } from '@utils/Query'
-import { makeBotURL, parseCookie, checkBotFlag } from '@utils/Tools'
+import { checkBotFlag, makeBotURL, parseCookie } from '@utils/Tools'
 
 import { ParsedUrlQuery } from 'querystring'
 
-import NotFound from 'pages/404'
-import { getToken } from '@utils/Csrf'
 import Captcha from '@components/Captcha'
-import { useEffect, useRef, useState } from 'react'
-import Fetch from '@utils/Fetch'
-import Day from '@utils/Day'
-import { getJosaPicker } from 'josa'
-import { KoreanbotsEndPoints } from '@utils/Constants'
-import { NextSeo } from 'next-seo'
 import SetNotification, { getFCMToken } from '@components/FCM'
+import { KoreanbotsEndPoints } from '@utils/Constants'
+import { getToken } from '@utils/Csrf'
+import Day from '@utils/Day'
+import Fetch from '@utils/Fetch'
+import { getJosaPicker } from 'josa'
+import { NextSeo } from 'next-seo'
+import NotFound from 'pages/404'
+import { useEffect, useRef, useState } from 'react'
 
 const Container = dynamic(() => import('@components/Container'))
 const DiscordAvatar = dynamic(() => import('@components/DiscordAvatar'))
@@ -98,7 +98,7 @@ const VoteBot: NextPage<VoteBotProps> = ({ data, user, theme, csrfToken }) => {
 					<Advertisement />
 					<Link href={makeBotURL(data)} className='text-blue-500 hover:opacity-80'>
 						<i className='fas fa-arrow-left mb-3 mt-3' /> <strong>{data.name}</strong>
-						{getJosaPicker('로')(data.name)}돌아가기
+						{getJosaPicker('로')(data.name)} 돌아가기
 					</Link>
 					<Segment className='mb-16 py-8'>
 						<div className='text-center'>
diff --git a/pages/servers/[id]/report.tsx b/pages/servers/[id]/report.tsx
index a08764d..31b3305 100644
--- a/pages/servers/[id]/report.tsx
+++ b/pages/servers/[id]/report.tsx
@@ -1,23 +1,23 @@
-import { NextPage } from 'next'
-import Link from 'next/link'
-import dynamic from 'next/dynamic'
 import { Field, Form, Formik } from 'formik'
+import { NextPage } from 'next'
+import dynamic from 'next/dynamic'
+import Link from 'next/link'
 
-import { Server, CsrfContext, ResponseProps, User } from '@types'
+import { CsrfContext, ResponseProps, Server, User } from '@types'
 import { get } from '@utils/Query'
 import { makeServerURL, parseCookie } from '@utils/Tools'
 
 import { ParsedUrlQuery } from 'querystring'
 
-import NotFound from 'pages/404'
-import { getToken } from '@utils/Csrf'
 import { DMCA, TextField } from '@components/ReportTemplate'
-import { useState } from 'react'
+import { serverReportCats } from '@utils/Constants'
+import { getToken } from '@utils/Csrf'
 import Fetch from '@utils/Fetch'
 import { ReportSchema } from '@utils/Yup'
 import { getJosaPicker } from 'josa'
-import { serverReportCats } from '@utils/Constants'
 import { NextSeo } from 'next-seo'
+import NotFound from 'pages/404'
+import { useState } from 'react'
 
 const Container = dynamic(() => import('@components/Container'))
 const Message = dynamic(() => import('@components/Message'))
@@ -37,7 +37,7 @@ const ReportServer: NextPage<ReportServerProps> = ({ data, user, csrfToken }) =>
 			<NextSeo title={`${data.name} 신고하기`} />
 			<Link href={makeServerURL(data)} className='text-blue-500 hover:opacity-80'>
 				<i className='fas fa-arrow-left mb-3 mt-3' /> <strong>{data.name}</strong>
-				{getJosaPicker('로')(data.name)}돌아가기
+				{getJosaPicker('로')(data.name)} 돌아가기
 			</Link>
 			{reportRes?.code === 200 ? (
 				<Message type='success'>
diff --git a/pages/servers/[id]/vote.tsx b/pages/servers/[id]/vote.tsx
index d47d25d..012a405 100644
--- a/pages/servers/[id]/vote.tsx
+++ b/pages/servers/[id]/vote.tsx
@@ -1,24 +1,24 @@
 import { NextPage } from 'next'
-import Link from 'next/link'
 import dynamic from 'next/dynamic'
+import Link from 'next/link'
 import { useRouter } from 'next/router'
 
 import { CsrfContext, ResponseProps, Server, Theme, User } from '@types'
 import { get } from '@utils/Query'
-import { parseCookie, checkServerFlag, makeServerURL } from '@utils/Tools'
+import { checkServerFlag, makeServerURL, parseCookie } from '@utils/Tools'
 
 import { ParsedUrlQuery } from 'querystring'
 
-import NotFound from 'pages/404'
-import { getToken } from '@utils/Csrf'
 import Captcha from '@components/Captcha'
-import { useEffect, useRef, useState } from 'react'
-import Fetch from '@utils/Fetch'
-import Day from '@utils/Day'
-import { getJosaPicker } from 'josa'
-import { KoreanbotsEndPoints } from '@utils/Constants'
-import { NextSeo } from 'next-seo'
 import SetNotification, { getFCMToken } from '@components/FCM'
+import { KoreanbotsEndPoints } from '@utils/Constants'
+import { getToken } from '@utils/Csrf'
+import Day from '@utils/Day'
+import Fetch from '@utils/Fetch'
+import { getJosaPicker } from 'josa'
+import { NextSeo } from 'next-seo'
+import NotFound from 'pages/404'
+import { useEffect, useRef, useState } from 'react'
 
 const Container = dynamic(() => import('@components/Container'))
 const ServerIcon = dynamic(() => import('@components/ServerIcon'))
@@ -99,7 +99,7 @@ const VoteServer: NextPage<VoteServerProps> = ({ data, user, theme, csrfToken })
 					<Advertisement />
 					<Link href={makeServerURL(data)} className='text-blue-500 hover:opacity-80'>
 						<i className='fas fa-arrow-left mb-3 mt-3' /> <strong>{data.name}</strong>
-						{getJosaPicker('로')(data.name)}돌아가기
+						{getJosaPicker('로')(data.name)} 돌아가기
 					</Link>
 					<Segment className='mb-16 py-8'>
 						<div className='text-center'>
diff --git a/pages/users/[id]/report.tsx b/pages/users/[id]/report.tsx
index 0460c6b..dbe01de 100644
--- a/pages/users/[id]/report.tsx
+++ b/pages/users/[id]/report.tsx
@@ -1,7 +1,7 @@
-import { NextPage } from 'next'
-import Link from 'next/link'
-import dynamic from 'next/dynamic'
 import { Field, Form, Formik } from 'formik'
+import { NextPage } from 'next'
+import dynamic from 'next/dynamic'
+import Link from 'next/link'
 
 import { CsrfContext, ResponseProps, User } from '@types'
 import { get } from '@utils/Query'
@@ -9,15 +9,15 @@ import { makeUserURL, parseCookie } from '@utils/Tools'
 
 import { ParsedUrlQuery } from 'querystring'
 
-import NotFound from 'pages/404'
-import { getToken } from '@utils/Csrf'
 import { DMCA, TextField } from '@components/ReportTemplate'
-import { useState } from 'react'
+import { reportCats } from '@utils/Constants'
+import { getToken } from '@utils/Csrf'
 import Fetch from '@utils/Fetch'
 import { ReportSchema } from '@utils/Yup'
 import { getJosaPicker } from 'josa'
-import { reportCats } from '@utils/Constants'
 import { NextSeo } from 'next-seo'
+import NotFound from 'pages/404'
+import { useState } from 'react'
 
 const Container = dynamic(() => import('@components/Container'))
 const Message = dynamic(() => import('@components/Message'))
@@ -50,7 +50,7 @@ const ReportUser: NextPage<ReportUserProps> = ({ data, user, csrfToken }) => {
 			<NextSeo title={`${data.globalName} 신고하기`} />
 			<Link href={makeUserURL(data)} className='text-blue-500 hover:opacity-80'>
 				<i className='fas fa-arrow-left mb-3 mt-3' /> <strong>{data.globalName}</strong>
-				{getJosaPicker('로')(data.globalName)}돌아가기
+				{getJosaPicker('로')(data.globalName)} 돌아가기
 			</Link>
 			{reportRes?.code === 200 ? (
 				<Message type='success'>