Fixed some ilegal markup

Author: samejr

apps/webapp/app/components/Shortcuts.tsx

@@ -33,10 +33,14 @@ export function Shortcuts() {
       <SheetContent>
         <SheetHeader>
           <SheetTitle>
-            <Keyboard className="size-5 text-indigo-500" />
-            Keyboard shortcuts
+            <div className="flex items-center gap-x-2">
+              <Keyboard className="size-5 text-indigo-500" />
+              <span className="font-sans text-base font-medium text-text-bright">
+                Keyboard shortcuts
+              </span>
+            </div>
           </SheetTitle>
-          <SheetDescription className="space-y-6 px-4 py-2">
+          <div className="space-y-6 px-4 py-2">
             <div className="space-y-3">
               <Header3>General</Header3>
               <Shortcut name="Close">
@@ -127,7 +131,7 @@ export function Shortcuts() {
                 <ShortcutKey shortcut={{ key: "n" }} variant="medium/bright" />
               </Shortcut>
             </div>
-          </SheetDescription>
+          </div>
         </SheetHeader>
       </SheetContent>
     </Sheet>

apps/webapp/app/components/primitives/SheetV3.tsx

@@ -90,7 +90,7 @@ const SheetTitle = React.forwardRef<
     )}
     {...props}
   >
-    <Header2 className="flex items-center gap-2">{children}</Header2>
+    {children}
     <SheetPrimitive.Close className="flex items-center gap-1 rounded-sm p-1 pl-0 transition hover:bg-charcoal-750 focus-visible:focus-custom disabled:pointer-events-none">
       <ShortcutKey shortcut={{ key: "esc" }} variant="small" />
       <NamedIcon name="close" className="size-4" />