fix: new session tooltip position and add shortcut

packages/app/src/pages/layout.tsx

@@ -1123,14 +1123,19 @@ export default function Layout(props: ParentProps) {
               </Collapsible.Trigger>
               <div class="absolute right-1 top-1/2 -translate-y-1/2 hidden items-center gap-0.5 pointer-events-none group-hover/trigger:flex group-focus-within/trigger:flex">
                 <IconButton icon="dot-grid" variant="ghost" class="size-6 rounded-md pointer-events-auto" />
-                <Tooltip class="pointer-events-auto" value="New session" placement="top">
+                <TooltipKeybind
+                  class="pointer-events-auto"
+                  placement="right"
+                  title="New session"
+                  keybind={command.keybind("session.new")}
+                >
                   <IconButton
                     icon="plus-small"
                     variant="ghost"
                     class="size-6 rounded-md"
                     onClick={() => navigate(`/${slug()}/session`)}
                   />
-                </Tooltip>
+                </TooltipKeybind>
               </div>
             </div>
           </div>