fix conditional rendering

packages/app/src/components/Sidebar/Bookmarks.tsx

@@ -87,14 +87,7 @@ const Bookmarks = () : JSX.Element => {
     getMyBookmarkList();
   }, [getMyBookmarkList]);
 
-  const renderBar = () => {
-    if (isGuestUser) {
-      return (
-        <h3 className="pl-3">
-          { t('Not available for guest') }
-        </h3>
-      );
-    }
+  const renderBookmarkList = () => {
     if (pages.length === 0) {
       return (
         <h3 className="pl-3">
@@ -102,7 +95,7 @@ const Bookmarks = () : JSX.Element => {
         </h3>
       );
     }
-    return null;
+    return <BookmarksItem pages={pages} />;
   };
 
   return (
@@ -110,8 +103,15 @@ const Bookmarks = () : JSX.Element => {
       <div className="grw-sidebar-content-header p-3">
         <h3 className="mb-0">{t('Bookmarks')}</h3>
       </div>
-      { renderBar() }
-      <BookmarksItem pages={pages} />
+      { isGuestUser
+        ? (
+          <h3 className="pl-3">
+            { t('Not available for guest') }
+          </h3>
+        ) : (
+          { renderBookmarkList }
+        )
+      }
     </>
   );