fix: Remove Bootstrap JS in sidebars (#1434)

Co-authored-by: Dessalines <dessalines@users.noreply.github.com>

src/shared/components/home/home.tsx

@@ -570,8 +570,6 @@ export class Home extends Component<any, HomeState> {
               data-tippy-content={
                 subscribedCollapsed ? i18n.t("expand") : i18n.t("collapse")
               }
-              data-bs-toggle="collapse"
-              data-bs-target="#sidebarSubscribedBody"
               aria-expanded="true"
               aria-controls="sidebarSubscribedBody"
             >
@@ -582,9 +580,9 @@ export class Home extends Component<any, HomeState> {
             </button>
           )}
         </header>
+        {!subscribedCollapsed && (
           <div
             id="sidebarSubscribedBody"
-          className="collapse show"
             aria-labelledby="sidebarSubscribedHeader"
           >
             <div className="card-body">
@@ -600,6 +598,7 @@ export class Home extends Component<any, HomeState> {
               </ul>
             </div>
           </div>
+        )}
       </>
     );
   }

src/shared/components/home/site-sidebar.tsx

@@ -42,13 +42,11 @@ export class SiteSidebar extends Component<SiteSidebarProps, SiteSidebarState> {
             )}
           </header>
 
-          <div
+          {!this.state.collapsed && (
-            id="sidebarInfoBody"
+            <div id="sidebarInfoBody" aria-labelledby="sidebarInfoHeader">
-            className="collapse show"
-            aria-labelledby="sidebarInfoHeader"
-          >
               <div className="card-body">{this.siteInfo()}</div>
             </div>
+          )}
         </section>
       </div>
     );