chore: change inter as default font

src/pages/_app.tsx

@@ -8,7 +8,11 @@ import { api } from '@/utils/api'
 import '@/styles/globals.css'
 
 const MyApp: AppType = ({ Component, pageProps }) => {
-	return <Component {...pageProps} />
+	return (
+		<main className={inter.className + ' antialiased'}>
+			<Component {...pageProps} />
+		</main>
+	)
 }
 
 export default api.withTRPC(MyApp)

src/pages/dashboard/borrow/create/index.tsx

@@ -1,19 +1,16 @@
-import { Inter } from 'next/font/google'
 import CreateBorrowForm from '@/ui/borrow/create-borrow-form'
 import Navbar from '@/ui/navbar'
 
-export const inter = Inter({ subsets: ['latin'] })
-
 export default function Page() {
 	return (
-		<div className={`${inter.className} antialiased`}>
+		<>
 			<div className='w-full flex-none p-6'>
 				<Navbar />
 			</div>
 			<div className='text-center'>
 				<h1 className='text-2xl font-semibold'>Create Borrow</h1>
 				<CreateBorrowForm />
 			</div>
-		</div>
+		</>
 	)
 }

src/pages/dashboard/borrow/index.tsx

@@ -1,15 +1,14 @@
 import Navbar from '@/ui/navbar'
-import { Inter } from 'next/font/google'
-export const inter = Inter({ subsets: ['latin'] })
 import { PrismaClient } from '@prisma/client'
 import { Create, Edit, Delete } from '@/ui/borrow/button'
+
 const prisma = new PrismaClient()
 
 import LabUsage from '@/ui/dashboard/lab-usage'
 
 export default function Page() {
 	return (
-		<div className={`${inter.className} antialiased`}>
+		<>
 			<div className='w-full flex-none p-6'>
 				<Navbar />
 			</div>
@@ -63,6 +62,6 @@ export default function Page() {
 					</tbody>
 				</table>
 			</div>
-		</div>
+		</>
 	)
 }

src/pages/dashboard/index.tsx

@@ -1,21 +1,20 @@
 import Navbar from '@/ui/navbar'
-import { Inter } from 'next/font/google'
-export const inter = Inter({ subsets: ['latin'] })
 import { PrismaClient } from '@prisma/client'
+
 const prisma = new PrismaClient()
 
 import LabUsage from '@/ui/dashboard/lab-usage'
 
 export default function Page() {
 	return (
-		<div className={`${inter.className} antialiased`}>
+		<>
 			<div className='w-full flex-none p-6'>
 				<Navbar />
 			</div>
 			<div className='text-center'>
 				<h1 className='text-2xl font-semibold'>Lab Usage</h1>
 				<LabUsage />
 			</div>
-		</div>
+		</>
 	)
 }