Migrate Cases interface patterns

webui/src/features/cases/CasesPage.tsx

@@ -1,10 +1,13 @@
 import { Search } from "lucide-react";
 import { useEffect, useMemo, useState, type FormEvent } from "react";
 import {
+  Button,
+  DocumentationHelpLink,
   DismissibleAlert,
   LoadingIndicator,
   PageScrollViewport,
   StatusBadge,
+  i18nMessage,
   useGuardedNavigate,
   type PlatformRouteContext
 } from "@govoplan/core-webui";
@@ -14,6 +17,7 @@ import {
   type CaseCatalog,
   type CaseRecord
 } from "../../api/cases";
+import { CASES_DOCUMENTATION, CASES_I18N } from "./interfacePatterns";
 
 
 export default function CasesPage({ settings }: PlatformRouteContext) {
@@ -79,7 +83,13 @@ export default function CasesPage({ settings }: PlatformRouteContext) {
               aria-label="Search cases"
               placeholder="Search cases"
             />
-            <button type="submit" className="btn btn-primary">Search</button>
+            <Button
+              type="submit"
+              variant="primary"
+              disabledReason={loading ? CASES_I18N.loading : undefined}
+            >
+              Search
+            </Button>
           </form>
           <label className="cases-status-filter">
             <span>Status</span>
@@ -90,7 +100,8 @@ export default function CasesPage({ settings }: PlatformRouteContext) {
               )}
             </select>
           </label>
-          <span className="cases-count">{total} cases</span>
+          <span className="cases-count">{i18nMessage("i18n:govoplan-cases.case_count", { value0: total })}</span>
+          <DocumentationHelpLink reference={CASES_DOCUMENTATION} />
         </div>
         <PageScrollViewport className="cases-list-viewport">
           {error &&