Added ability to invite users

package.json

@@ -39,7 +39,7 @@
         "clsx": "^2.1.1",
         "eslint": "^9.17.0",
         "eslint-config-prettier": "^10.0.1",
-        "eslint-plugin-svelte": "^2.46.1",
+        "eslint-plugin-svelte": "^3.0.0-next.5",
         "globals": "^15.13.0",
         "jsdom": "^26.0.0",
         "license-checker": "^25.0.1",
@@ -49,6 +49,7 @@
         "prettier": "^3.3.2",
         "prettier-plugin-svelte": "^3.3.3",
         "svelte": "^5.16.0",
+        "svelte-autosize": "^1.1.5",
         "svelte-check": "^4.1.4",
         "tailwind-merge": "^2.6.0",
         "tailwind-variants": "^0.3.0",

src/lib/components/composites/PaperBookmarkButton.svelte

@@ -7,15 +7,17 @@
     import Tooltip from "./Tooltip.svelte";
 
     interface Props {
-        paperId: number;
+        loadingPaperId: Promise<number>;
         isBookmarkedDefault: boolean;
     }
 
-    const { paperId, isBookmarkedDefault }: Props = $props();
+    const { loadingPaperId, isBookmarkedDefault }: Props = $props();
 
     let isBookmarked = $state(isBookmarkedDefault);
     let isHovered = $state(false);
     const tooltipText = $derived(isBookmarked ? "Remove from Reading List" : "Add to Reading List");
+    let paperId: number | undefined = $state(undefined);
+    loadingPaperId.then((id) => (paperId = id)).catch(() => (paperId = undefined));
 
     const onMouseEnter = () => (isHovered = true);
     const onMouseLeave = () => (isHovered = false);