style(app): apply prettier formatting

src/App.tsx

@@ -40,18 +40,18 @@ function App() {
     <main className="mx-auto flex w-full max-w-2xl min-h-dvh flex-col pb-[calc(env(safe-area-inset-bottom)+7rem)]">
       <header className="sticky top-0 z-10 border-b border-gray-200 bg-white/95 px-4 pb-3 pt-[calc(env(safe-area-inset-top)+0.75rem)] backdrop-blur">
         <div className="flex h-11 items-center gap-1">
-            {creating || selectedNote ? (
+          {creating || selectedNote ? (
-              <button
+            <button
-                type="button"
+              type="button"
-                onClick={goBack}
+              onClick={goBack}
-                aria-label="Retour"
+              aria-label="Retour"
-                className="flex items-center justify-center w-11 h-11 -ml-2 rounded-full text-xl text-gray-700 hover:bg-gray-100 active:bg-gray-200"
+              className="flex items-center justify-center w-11 h-11 -ml-2 rounded-full text-xl text-gray-700 hover:bg-gray-100 active:bg-gray-200"
-              >
+            >
-                ←
+              ←
-              </button>
+            </button>
-            ) : null}
+          ) : null}
-            <h1 className="text-lg font-semibold">Notes</h1>
+          <h1 className="text-lg font-semibold">Notes</h1>
-          </div>
+        </div>
       </header>
 
       <section className="flex-1 px-4 py-4">

src/components/NoteReadView.test.tsx

@@ -8,9 +8,7 @@ const note: Note = { id: 42, title: 'Courses', content: 'Lait\nOeufs' }
 const renderView = (overrides: Partial<Note> = {}) => {
   const onEdit = vi.fn()
   const onDelete = vi.fn()
-  render(
+  render(<NoteReadView note={{ ...note, ...overrides }} onEdit={onEdit} onDelete={onDelete} />)
-    <NoteReadView note={{ ...note, ...overrides }} onEdit={onEdit} onDelete={onDelete} />,
-  )
   return { onEdit, onDelete }
 }