feat: add release reactions and a GitHub-like reaction bar (#38415)

Adds emoji reactions to releases and moves the reaction picker of
issues, comments and releases into a GitHub-like reaction bar.

- Releases omit 👎 or 😕
- Drafts and tags can't be reacted to
- Moved menu to tippy
- Added keyboard navigation

Fixes: https://github.com/go-gitea/gitea/issues/34268
Fixes: https://github.com/go-gitea/gitea/issues/16676
Co-authored-by: silverwind <me@silverwind.io>
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>

web_src/js/modules/fetch-action.ts

@@ -123,7 +123,9 @@ async function handleFetchActionError(el: HTMLElement, resp: Response) {
   const isRespJson = resp.headers.get('content-type')?.includes('application/json');
   const respText = await resp.text();
   const respJson = isRespJson ? JSON.parse(respText) : null;
-  if (respJson?.errorMessage) {
+  if (respJson?.redirect) {
+    fetchActionDoRedirect(respJson.redirect);
+  } else if (respJson?.errorMessage) {
     // the code was quite messy, sometimes the backend uses "err", sometimes it uses "error", and even "user_error"
     // but at the moment, as a new approach, we only use "errorMessage" here, backend can use JSONError() to respond.
     showErrorToast(respJson.errorMessage, {useHtmlBody: respJson.renderFormat === 'html'});

web_src/js/modules/tippy.ts

@@ -81,8 +81,8 @@ document.addEventListener('keydown', (e: KeyboardEvent) => {
   if (!inMenu && focused !== menuInstance.reference && focused !== document.body) return; // body: macOS Safari and Firefox do not focus clicked buttons
   if (e.key === 'Escape') {
     menuInstance.hide();
-  } else if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {
-    focusMenuItem(menuInstance, e.key === 'ArrowDown' ? 1 : -1);
+  } else if (['ArrowDown', 'ArrowUp', 'ArrowRight', 'ArrowLeft'].includes(e.key)) {
+    focusMenuItem(menuInstance, e.key === 'ArrowDown' || e.key === 'ArrowRight' ? 1 : -1);
   } else if ((e.key === 'Enter' || e.key === ' ') && inMenu) {
     focused.click();
   } else {