refactor: merge PaperResearchContextCard and PaperReviewCard

They only differ in some minor conditions, so we can easily merge them and put the conditions inside.

Author: Slartibartfass2

src/lib/components/composites/paper-components/paper-view/PaperView.svelte

@@ -3,7 +3,6 @@
     import PaperDetailsCard from "$lib/components/composites/paper-components/paper-view/cards/PaperDetailsCard.svelte";
     import PaperResearchContextCard from "$lib/components/composites/paper-components/paper-view/cards/PaperResearchContextCard.svelte";
     import PaperBookmarkButton from "../../PaperBookmarkButton.svelte";
-    import PaperReviewCard from "./cards/PaperReviewCard.svelte";
     import AcceptButton from "./decision-buttons/AcceptButton.svelte";
     import DeclineButton from "./decision-buttons/DeclineButton.svelte";
     import MaybeButton from "./decision-buttons/MaybeButton.svelte";
@@ -84,11 +83,11 @@ Usage:
 <main class="flex flex-col h-full w-full px-2 py-4 gap-5">
     <div class="flex flex-row w-full h-full gap-5">
         <PaperDetailsCard {loadingPaper} {allowEditModeToggle} {startInEditMode} />
-        {#if userConfig.isReviewMode}
-            <PaperReviewCard {backwardReferencedPapers} {forwardReferencedPapers} />
-        {:else}
-            <PaperResearchContextCard {backwardReferencedPapers} {forwardReferencedPapers} />
-        {/if}
+        <PaperResearchContextCard
+            inReviewMode={userConfig.isReviewMode}
+            {backwardReferencedPapers}
+            {forwardReferencedPapers}
+        />
     </div>
     {#if showButtonBar}
         <div class="flex flex-row w-full h-fit justify-between gap-4" data-testid="button-bar">

src/lib/components/composites/paper-components/paper-view/cards/PaperResearchContextCard.svelte

@@ -5,37 +5,69 @@
         type ReferencesAndCitationsCardContentProps,
     } from "./ReferencesAndCitationsCardContent.svelte";
 
-    let {
-        backwardReferencedPapers,
-        forwardReferencedPapers,
-    }: ReferencesAndCitationsCardContentProps = $props();
+    type Props = {
+        inReviewMode: boolean;
+    } & ReferencesAndCitationsCardContentProps;
 
-    const tabs = [
-        { value: "1", label: "Forward/Backward References" },
-        { value: "2", label: "Review Information" },
-    ];
+    let { inReviewMode, backwardReferencedPapers, forwardReferencedPapers }: Props = $props();
+
+    const tabs = inReviewMode
+        ? [
+              { value: "1", label: "Review Information" },
+              { value: "2", label: "Forward/Backward References" },
+          ]
+        : [
+              { value: "1", label: "Forward/Backward References" },
+              { value: "2", label: "Review Information" },
+          ];
 </script>
 
 <!--
 @component
-Paper Card for paper research context in the Paper View component.
+Paper Card for review information of a paper in the Paper View component.
 
 Usage:
 ```svelte
-    <PaperResearchContextCard {backwardReferencedPapers} {forwardReferencedPapers} />
+    <PaperResearchContextCard {inReviewMode} {backwardReferencedPapers} {forwardReferencedPapers} />
 ```
 -->
 <PaperCard {tabs}>
     <PaperCardContent value="1">
-        <ReferencesAndCitationsCardContent {backwardReferencedPapers} {forwardReferencedPapers} />
+        {#if inReviewMode}
+            <span>
+                Will be implemented in
+                <a
+                    class="text-blue-400"
+                    href="https://github.com/SE-UUlm/snowballr-frontend/issues/53"
+                >
+                    #53
+                </a>
+                .
+            </span>
+        {:else}
+            <ReferencesAndCitationsCardContent
+                {backwardReferencedPapers}
+                {forwardReferencedPapers}
+            />
+        {/if}
     </PaperCardContent>
     <PaperCardContent value="2">
-        <span>
-            Will be implemented in
-            <a class="text-blue-400" href="https://github.com/SE-UUlm/snowballr-frontend/issues/45">
-                #45
-            </a>
-            .
-        </span>
+        {#if inReviewMode}
+            <ReferencesAndCitationsCardContent
+                {backwardReferencedPapers}
+                {forwardReferencedPapers}
+            />
+        {:else}
+            <span>
+                Will be implemented in
+                <a
+                    class="text-blue-400"
+                    href="https://github.com/SE-UUlm/snowballr-frontend/issues/45"
+                >
+                    #45
+                </a>
+                .
+            </span>
+        {/if}
     </PaperCardContent>
 </PaperCard>