Adopt shared WebUI layout primitives

webui/src/features/projects/ProjectsPage.tsx

@@ -13,7 +13,7 @@ import {
   useState,
   type FormEvent
 } from "react";
-import {
+import { ActionToolbar,
   Button,
   Dialog,
   DocumentationHelpLink,
@@ -206,7 +206,7 @@ export default function ProjectsPage({ settings, auth }: PlatformRouteContext) {
   return (
     <main className="projects-page">
       <div className="projects-shell">
-        <div className="projects-toolbar">
+        <ActionToolbar className="projects-toolbar">
           <form className="projects-search" onSubmit={submitSearch}>
             <Search size={17} aria-hidden="true" />
             <input
@@ -236,7 +236,7 @@ export default function ProjectsPage({ settings, auth }: PlatformRouteContext) {
               <Plus size={16} aria-hidden="true" /> New
             </Button>
           }
-        </div>
+        </ActionToolbar>
         {error &&
           <DismissibleAlert tone="error" onDismiss={() => setError("")}>
             {error}