chore: better Prettier config for easier reviews

components/Application/Guilds/Guild.tsx

@@ -1,8 +1,8 @@
-import { memo } from 'react'
-import Image from 'next/image'
+import { memo } from "react"
+import Image from "next/image"
 
-import type { GuildWithDefaultChannelId } from '../../../models/Guild'
-import { IconLink } from '../../design/IconLink'
+import type { GuildWithDefaultChannelId } from "../../../models/Guild"
+import { IconLink } from "../../design/IconLink"
 
 export interface GuildProps {
   guild: GuildWithDefaultChannelId
@@ -14,19 +14,19 @@ const GuildMemo: React.FC<GuildProps> = (props) => {
 
   return (
     <IconLink
-      className='mt-2'
+      className="mt-2"
       href={`/application/${guild.id}/${guild.defaultChannelId}`}
       selected={selected}
       title={guild.name}
     >
-      <div className='pl-[6px]'>
+      <div className="pl-[6px]">
         <Image
           quality={100}
-          className='rounded-full'
+          className="rounded-full"
           src={
-            guild.icon != null ? guild.icon : '/images/data/guild-default.png'
+            guild.icon != null ? guild.icon : "/images/data/guild-default.png"
           }
-          alt='logo'
+          alt="logo"
           width={48}
           height={48}
           draggable={false}

components/Application/Guilds/Guilds.tsx

@@ -1,9 +1,9 @@
-import InfiniteScroll from 'react-infinite-scroll-component'
+import InfiniteScroll from "react-infinite-scroll-component"
 
-import { Loader } from '../../design/Loader'
-import { useGuilds } from '../../../contexts/Guilds'
-import type { GuildsPath } from '..'
-import { Guild } from './Guild'
+import { Loader } from "../../design/Loader"
+import { useGuilds } from "../../../contexts/Guilds"
+import type { GuildsPath } from ".."
+import { Guild } from "./Guild"
 
 export interface GuildsProps {
   path: GuildsPath | string
@@ -16,19 +16,19 @@ export const Guilds: React.FC<GuildsProps> = (props) => {
 
   return (
     <div
-      id='guilds-list'
-      className='border-r-1 scrollbar-firefox-support mt-[130px] h-full min-w-[92px] space-y-2 overflow-y-auto border-gray-500 pt-2 dark:border-white/20'
+      id="guilds-list"
+      className="border-r-1 scrollbar-firefox-support mt-[130px] h-full min-w-[92px] space-y-2 overflow-y-auto border-gray-500 pt-2 dark:border-white/20"
     >
       <InfiniteScroll
-        className='guilds-list'
+        className="guilds-list"
         dataLength={guilds.length}
         next={nextPage}
         hasMore={hasMore}
-        scrollableTarget='guilds-list'
+        scrollableTarget="guilds-list"
         loader={<Loader />}
       >
         {guilds.map((guild) => {
-          const selected = typeof path !== 'string' && path.guildId === guild.id
+          const selected = typeof path !== "string" && path.guildId === guild.id
           return <Guild key={guild.id} guild={guild} selected={selected} />
         })}
       </InfiniteScroll>

components/Application/Guilds/index.ts

@@ -1 +1 @@
-export * from './Guilds'
+export * from "./Guilds"