Add keyboard navigation to repository overview list (#2146)

A new api is introduced to allow focus-based list iteration through keyboard shortcuts. The api is initially considered closed and only used in the repository overview.

Co-authored-by: Eduard Heimbuch <eduard.heimbuch@cloudogu.com>

scm-ui/ui-webapp/src/repos/components/list/RepositoryList.tsx

@@ -28,6 +28,7 @@ import { NamespaceCollection, Repository } from "@scm-manager/ui-types";
 import groupByNamespace from "./groupByNamespace";
 import RepositoryGroupEntry from "./RepositoryGroupEntry";
 import { ExtensionPoint, extensionPoints } from "@scm-manager/ui-extensions";
+import { KeyboardIterator } from "@scm-manager/ui-shortcuts";
 
 type Props = {
   repositories: Repository[];
@@ -50,12 +51,14 @@ class RepositoryList extends React.Component<Props> {
           props={{
             page,
             search,
-            namespace
+            namespace,
           }}
         />
-        {groups.map(group => {
-          return <RepositoryGroupEntry group={group} key={group.name} />;
-        })}
+        <KeyboardIterator>
+          {groups.map((group) => {
+            return <RepositoryGroupEntry group={group} key={group.name} />;
+          })}
+        </KeyboardIterator>
       </div>
     );
   }