UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: внешний контур, auth empty state и HDESIGN update

plane-src/apps/web/ce/components/projects/external-contours/issue-header.tsx

@@ -9,7 +9,6 @@ import { observer } from "mobx-react";
 import { PanelLeft } from "lucide-react";
 import { useTranslation } from "@plane/i18n";
 import { Button } from "@plane/propel/button";
-import { IconButton } from "@plane/propel/icon-button";
 import { CheckCircleFilledIcon, ChevronDownIcon, ChevronUpIcon, CloseCircleFilledIcon, LinkIcon, NewTabIcon } from "@plane/propel/icons";
 import { TOAST_TYPE, setToast } from "@plane/propel/toast";
 import type { TExternalContourRequest, TNameDescriptionLoader } from "@plane/types";
@@ -147,24 +146,24 @@ export const ExternalContoursIssueActionsHeader = observer(function ExternalCont
           </div>
         </div>
 
-        <div className="flex items-center gap-2">
-          <div className="flex items-center gap-x-2">
-            <IconButton
-              variant="secondary"
-              size="lg"
-              icon={ChevronUpIcon}
+        <div className="nodedc-external-detail-toolbar">
+          <div className="nodedc-external-toolbar-cluster">
+            <button
+              type="button"
               aria-label="Previous request"
               onClick={() => redirectToRelativeIssue("prev")}
               className="nodedc-external-icon-button"
-            />
-            <IconButton
-              variant="secondary"
-              size="lg"
-              icon={ChevronDownIcon}
+            >
+              <ChevronUpIcon className="size-3.5" />
+            </button>
+            <button
+              type="button"
               aria-label="Next request"
               onClick={() => redirectToRelativeIssue("next")}
               className="nodedc-external-icon-button"
-            />
+            >
+              <ChevronDownIcon className="size-3.5" />
+            </button>
           </div>
 
           <div className="flex flex-wrap items-center gap-2">