Enable pinning based on logged-in status, not project.edit_access

src/lib/components/projects/ProjectPin.svelte

@@ -1,11 +1,7 @@
 <script lang="ts" context="module">
-  import { writable, type Writable } from "svelte/store";
-
-  import { invalidate } from "$app/navigation";
-
-  import { canonicalUrl } from "$lib/api/projects";
   import type { Project } from "$lib/api/types";
-  import { getCsrfToken } from "$lib/utils/api";
+
+  import { writable, type Writable } from "svelte/store";
 
   export const pinned: Writable<Project[]> = writable([]);
 
@@ -19,12 +15,20 @@
 </script>
 
 <script lang="ts">
+  import { invalidate } from "$app/navigation";
+
+  import { canonicalUrl } from "$lib/api/projects";
+  import { getCsrfToken } from "$lib/utils/api";
+  import { getCurrentUser } from "$lib/utils/permissions";
+
   import Pin from "@/lib/components/common/Pin.svelte";
   import { pinProject } from "$lib/api/projects";
 
   export let project: Project;
   export let size = 1;
 
+  const me = getCurrentUser();
+
   async function toggle(e) {
     e.preventDefault();
     const csrf_token = getCsrfToken();
@@ -55,9 +59,4 @@
   }
 </script>
 
-<Pin
-  active={project.pinned}
-  {size}
-  disabled={!project.edit_access}
-  on:click={toggle}
-/>
+<Pin active={project.pinned} {size} disabled={!$me} on:click={toggle} />