frontend/src/components/Logo.tsx

@@ -32,12 +32,7 @@ export default function Logo({
 
   if (type === "logo") {
     return (
-            <img
+      <img src={logo} alt="Pi. Ku. logo" className="mx-4" width={scale * 100} />
-                src={logo}
-                alt="Pi. Ku. logo"
-                className="mx-4"
-                width={scale * 100}
-            />
     );
   }
 

frontend/src/config/welcomeLetter.ts

@@ -1,5 +1,5 @@
-import type { CanvasJSON } from "../components/editor/ComposeCanvas";
 import trainImage from "../assets/screenshots/train.png";
+import type { CanvasJSON } from "../components/editor/ComposeCanvas";
 
 export function getWelcomeLetterContent(userName: string): CanvasJSON {
   return {

frontend/src/pages/Editor.tsx

@@ -343,7 +343,8 @@ export default function Editor() {
       <Navbar
         child={
           <div
-                        className={`flex items-center gap-2 ${isSaveDatePulsing ? "animate-pulse" : ""
+            className={`flex items-center gap-2 ${
+              isSaveDatePulsing ? "animate-pulse" : ""
             }`}
           >
             <div className="text-xxs text-neutral-content/30 flex-col justify-end leading-none text-right">
@@ -396,7 +397,8 @@ export default function Editor() {
             {saveOverlay === "SAVING" && (
               <div
                 role="alert"
-                                className={`alert text-center alert-neutral shadow-lg transition-all ease-in-out duration-2000 ${showSaveOverlay
+                className={`alert text-center alert-neutral shadow-lg transition-all ease-in-out duration-2000 ${
+                  showSaveOverlay
                     ? "opacity-100 scale-100 translate-y-0"
                     : "opacity-0 scale-95 translate-y-1"
                 }`}
@@ -414,7 +416,8 @@ export default function Editor() {
               <div
                 role="alert"
                 data-testid="save-success-toast"
-                                className={`alert alert-success shadow-lg transition-all ease-in-out duration-2000 ${showSaveOverlay
+                className={`alert alert-success shadow-lg transition-all ease-in-out duration-2000 ${
+                  showSaveOverlay
                     ? "opacity-100 scale-100 translate-y-0"
                     : "opacity-0 scale-95 translate-y-1"
                 }`}
@@ -427,7 +430,8 @@ export default function Editor() {
             {saveOverlay === "ERROR" && (
               <div
                 role="alert"
-                                className={`alert alert-error shadow-lg transition-all duration-300 ${showSaveOverlay
+                className={`alert alert-error shadow-lg transition-all duration-300 ${
+                  showSaveOverlay
                     ? "opacity-100 scale-100 translate-y-0"
                     : "opacity-0 scale-95 translate-y-1"
                 }`}

frontend/src/pages/Reader.tsx

@@ -272,7 +272,8 @@ export default function Reader() {
     <section className="min-h-fit w-full bg-base-100 px-4 py-8 md:py-16 font-serif relative overflow-hidden">
       <div className="fixed inset-0 bg-vig pointer-events-none z-0" />
       <div
-                className={`transition-all delay-300 duration-1000 relative ${revealState === "REVEALED"
+        className={`transition-all delay-300 duration-1000 relative ${
+          revealState === "REVEALED"
             ? "opacity-0 w-0 h-0 overflow-hidden invisible"
             : "opacity-100"
         }`}