Adds shortcut keys to the root and parent links + the shortcut help panel

Author: samejr

apps/webapp/app/components/Shortcuts.tsx

@@ -147,6 +147,12 @@ function ShortcutContent() {
               </Paragraph>
               <ShortcutKey shortcut={{ key: "9" }} variant="medium/bright" />
             </Shortcut>
+            <Shortcut name="Jump to root run">
+              <ShortcutKey shortcut={{ key: "t" }} variant="medium/bright" />
+            </Shortcut>
+            <Shortcut name="Jump to parent run">
+              <ShortcutKey shortcut={{ key: "p" }} variant="medium/bright" />
+            </Shortcut>
           </div>
           <div className="space-y-3">
             <Header3>Schedules page</Header3>

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.runs.$runParam/route.tsx

@@ -1174,9 +1174,10 @@ function ShowParentOrRootLinks({
           { friendlyId: relationships.root.friendlyId },
           { spanId: relationships.root.spanId }
         )}
+        shortcut={{ key: "t" }}
         className="text-xs"
       >
-        Show Root & Parent run
+        Jump to Root & Parent
       </TextLink>
     );
   }
@@ -1193,9 +1194,10 @@ function ShowParentOrRootLinks({
             { friendlyId: relationships.root.friendlyId },
             { spanId: relationships.root.spanId }
           )}
+          shortcut={{ key: "t" }}
           className="text-xs"
         >
-          Show Root run
+          Jump to Root
         </TextLink>
       )}
       {relationships.parent && (
@@ -1207,9 +1209,10 @@ function ShowParentOrRootLinks({
             { friendlyId: relationships.parent.friendlyId },
             { spanId: relationships.parent.spanId }
           )}
+          shortcut={{ key: "p" }}
           className="text-xs"
         >
-          Show Parent run
+          Jump to Parent
         </TextLink>
       )}
     </div>