improve i18n and method name

packages/app/resource/locales/en_US/translation.json

@@ -155,8 +155,8 @@
   "Sign out": "Logout",
   "Disassociate": "Disassociate",
   "No bookmarks yet": "No bookmarks yet",
-  "add_bookmark": "Add to bookmarks",
-  "remove_bookmark": "Remove from bookmarks",
+  "add_bookmark": "Add to Bookmarks",
+  "remove_bookmark": "Remove from Bookmarks",
   "Recent Created": "Recent Created",
   "Recent Changes": "Recent Changes",
   "Page Tree": "Page Tree",

packages/app/src/components/Common/Dropdown/PageItemControl.tsx

@@ -33,7 +33,8 @@ const PageItemControl: FC<PageItemControlProps> = (props: PageItemControlProps)
   };
 
 
-  const bookmarkClickHandler = (async() => {
+
+  const bookmarkToggleHandler = (async() => {
     try {
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       await apiv3Put('/bookmarks', { pageId: page._id, bool: !bookmarkInfo!.isBookmarked });
@@ -84,7 +85,7 @@ const PageItemControl: FC<PageItemControlProps> = (props: PageItemControlProps)
           </DropdownItem>
         )}
         {isEnableActions && (
-          <DropdownItem onClick={bookmarkClickHandler}>
+          <DropdownItem onClick={bookmarkToggleHandler}>
             <i className="fa fa-fw fa-bookmark-o"></i>
             { bookmarkInfo.isBookmarked ? t('remove_bookmark') : t('add_bookmark') }
           </DropdownItem>