Fixed linting issues

web/src/pages/MemoDetail.tsx

@@ -84,7 +84,10 @@ const MemoDetail = () => {
   };
 
   return (
-    <section id="memo-detail" className="@container w-full max-w-5xl min-h-full flex flex-col justify-start items-center sm:pt-3 md:pt-6 pb-8">
+    <section
+      id="memo-detail"
+      className="@container w-full max-w-5xl min-h-full flex flex-col justify-start items-center sm:pt-3 md:pt-6 pb-8"
+    >
       {!md && (
         <MobileHeader>
           <MemoDetailSidebarDrawer memo={memo} parentPage={locationState?.from} />

web/src/pages/NotFound.tsx

@@ -2,7 +2,10 @@ import MobileHeader from "@/components/MobileHeader";
 
 const NotFound = () => {
   return (
-    <section id="not-found" className="@container w-full max-w-5xl min-h-[100svh] flex flex-col justify-start items-center sm:pt-3 md:pt-6 pb-8">
+    <section
+      id="not-found"
+      className="@container w-full max-w-5xl min-h-[100svh] flex flex-col justify-start items-center sm:pt-3 md:pt-6 pb-8"
+    >
       <MobileHeader />
       <div className="w-full px-4 grow flex flex-col justify-center items-center sm:px-6">
         <p className="font-medium">{"The page you are looking for can't be found."}</p>

web/src/pages/PermissionDenied.tsx

@@ -2,7 +2,10 @@ import MobileHeader from "@/components/MobileHeader";
 
 const PermissionDenied = () => {
   return (
-    <section id="permission-denied" className="@container w-full max-w-5xl min-h-[100svh] flex flex-col justify-start items-center sm:pt-3 md:pt-6 pb-8">
+    <section
+      id="permission-denied"
+      className="@container w-full max-w-5xl min-h-[100svh] flex flex-col justify-start items-center sm:pt-3 md:pt-6 pb-8"
+    >
       <MobileHeader />
       <div className="w-full px-4 grow flex flex-col justify-center items-center sm:px-6">
         <p className="font-medium">Permission denied</p>

web/src/pages/Resources.tsx

@@ -63,7 +63,10 @@ const Resources = () => {
   };
 
   return (
-    <section id="resources" className="@container w-full max-w-5xl min-h-full flex flex-col justify-start items-center sm:pt-3 md:pt-6 pb-8">
+    <section
+      id="resources"
+      className="@container w-full max-w-5xl min-h-full flex flex-col justify-start items-center sm:pt-3 md:pt-6 pb-8"
+    >
       <MobileHeader />
       <div className="w-full px-4 sm:px-6">
         <div className="w-full shadow flex flex-col justify-start items-start px-4 py-3 rounded-xl bg-white dark:bg-zinc-800 text-black dark:text-gray-300">
@@ -108,7 +111,10 @@ const Resources = () => {
                           <div className="w-full max-w-[calc(100%-4rem)] sm:max-w-[calc(100%-6rem)] flex flex-row justify-start items-start gap-4 flex-wrap">
                             {resources.map((resource) => {
                               return (
-                                <div key={resource.name} className="resource-used w-24 sm:w-32 h-auto flex flex-col justify-start items-start">
+                                <div
+                                  key={resource.name}
+                                  className="resource-used w-24 sm:w-32 h-auto flex flex-col justify-start items-start"
+                                >
                                   <div className="w-24 h-24 flex justify-center items-center sm:w-32 sm:h-32 border dark:border-zinc-900 overflow-clip rounded-xl cursor-pointer hover:shadow hover:opacity-80">
                                     <ResourceIcon resource={resource} strokeWidth={0.5} />
                                   </div>
@@ -140,7 +146,10 @@ const Resources = () => {
                             </div>
                             {unusedResources.map((resource) => {
                               return (
-                                <div key={resource.name} className="resource-unused w-24 sm:w-32 h-auto flex flex-col justify-start items-start">
+                                <div
+                                  key={resource.name}
+                                  className="resource-unused w-24 sm:w-32 h-auto flex flex-col justify-start items-start"
+                                >
                                   <div className="w-24 h-24 flex justify-center items-center sm:w-32 sm:h-32 border dark:border-zinc-900 overflow-clip rounded-xl cursor-pointer hover:shadow hover:opacity-80">
                                     <ResourceIcon resource={resource} strokeWidth={0.5} />
                                   </div>