🐛 Ensure toggle status is reflected for replenishment workbooks (#1749)

Author: KATO-Hiro

src/lib/components/WorkBooks/WorkBookList.svelte

@@ -58,6 +58,8 @@
     }),
   );
 
+  let isShowReplenishment: boolean = $state(replenishmentWorkBooksStore.canView());
+
   function countReadableWorkbooks(workbooks: WorkbooksList): number {
     const results = workbooks.reduce((count, workbook: WorkbookList) => {
       const hasReadPermission = canRead(workbook.isPublished, userId, workbook.authorId);
@@ -158,16 +160,16 @@
 
         <div class="mt-4 md:mt-0 pb-4">
           <Toggle
-            checked={replenishmentWorkBooksStore.canView()}
-            onclick={replenishmentWorkBooksStore.toggleView}
+            checked={isShowReplenishment}
+            onclick={() => replenishmentWorkBooksStore.toggleView()}
             aria-label="Toggle visibility of replenishment workbooks for curriculum"
           >
             問題集を表示
           </Toggle>
         </div>
       </div>
 
-      {#if replenishmentWorkBooksStore.canView()}
+      {#if isShowReplenishment}
         <WorkBookBaseTable
           {workbookType}
           workbooks={replenishedWorkbooks}