fix broken links in banner component (#23719)

Author: rachmari

components/page-header/RestRepoBanner.tsx

@@ -1,25 +1,28 @@
 import { Flash } from '@primer/components'
 import { useRouter } from 'next/router'
 import { Link } from 'components/Link'
+
 const restDisplayPages = [
   '/rest/reference/branches',
   '/rest/reference/collaborators',
   '/rest/reference/commits',
   '/rest/reference/deployments',
   '/rest/reference/pages',
+  '/rest/reference/releases',
   '/rest/reference/repos',
   '/rest/reference/repository-metrics',
   '/rest/reference/webhooks',
 ]
-const restRepoCategoryExceptions = [
-  'Branches',
-  'Collaborators',
-  'Commits',
-  'Deployments',
-  'Github Pages',
-  'Repository metrics',
-  'Webhooks',
-]
+const restRepoCategoryExceptionsTitles = {
+  branches: 'Branches',
+  collaborators: 'Collaborators',
+  commits: 'Commits',
+  deployments: 'Deployments',
+  pages: 'Github Pages',
+  releases: 'Releases',
+  'repository-metrics': 'Repository metrics',
+  webhooks: 'Webhooks',
+}
 
 export const RestRepoBanner = () => {
   const router = useRouter()
@@ -28,10 +31,13 @@ export const RestRepoBanner = () => {
     return null
   }
 
-  const newRestPagesText = restRepoCategoryExceptions.map((page, i) => [
-    <Link href={`/rest/references/${page}`}>
-      {page}
-      {i < restRepoCategoryExceptions.length - 1 && ', '}
+  const pages = Object.keys(restRepoCategoryExceptionsTitles) as Array<
+    keyof typeof restRepoCategoryExceptionsTitles
+  >
+  const newRestPagesText = pages.map((page, i) => [
+    <Link href={`/${router.locale}/rest/reference/${page}`}>
+      {restRepoCategoryExceptionsTitles[page]}
+      {i < pages.length - 1 && ', '}
     </Link>,
   ])