Make the directory map toggle match the search bar and show its state

e2e/specs/people.spec.ts

@@ -729,7 +729,7 @@ test("US-131 say where you are and find members on a map", async ({seed, as}) =>
 
   await expect(pins).toHaveCount(1)
 
-  await page.getByRole("button", {name: "List"}).click()
+  await showMap.click()
 
   await expect(pins).toHaveCount(0)
 

src/routes/spaces/[relay]/directory/+page.svelte

@@ -125,9 +125,12 @@
         type="text"
         placeholder="Search people or roles..." />
     </label>
-    <Button class="button button-neutral shrink-0" onclick={toggleMap}>
-      <Icon size={4} icon={showMap ? UsersGroup : MapIcon} />
-      {showMap ? "List" : "Map"}
+    <Button
+      class="button button-input shrink-0 {showMap ? 'button-primary' : 'button-neutral'}"
+      aria-pressed={showMap}
+      onclick={toggleMap}>
+      <Icon size={4} icon={MapIcon} />
+      Map
     </Button>
   </div>
   {#if showMap && visiblePins.length > 0}