fix: side panel default link

Author: Elessar1802

src/components/common/SidePanel/SidePanel.tsx

@@ -90,7 +90,7 @@ export const SidePanel = ({ asideWidth }: SidePanelProps) => {
                             <div className="aside-drag__handle px-1 br-1" />
                         </div>
                     </Draggable>
-                    <div className="flex-grow-1 py-8 pr-8">
+                    <div className="flex-grow-1 py-8 pr-8 dc__overflow-hidden">
                         <div
                             className={`w-100 h-100 dc__position-rel br-6 bg__primary flexbox-col dc__overflow-hidden ${appTheme === AppThemeType.dark ? 'border__primary-translucent' : ''}`}
                         >

src/components/common/SidePanel/SidePanelDocumentation.tsx

@@ -19,10 +19,12 @@ export const SidePanelDocumentation = ({ SidePanelHeaderActions }: SidePanelCont
     // HOOKS
     const { appTheme } = useTheme()
     const {
-        sidePanelConfig: { docLink = DOCUMENTATION.DOC_HOME_PAGE, reinitialize },
+        sidePanelConfig: { docLink: sidePanelDocLink, reinitialize },
         setSidePanelConfig,
     } = useMainContext()
 
+    const docLink = sidePanelDocLink ?? DOCUMENTATION.DOC_HOME_PAGE
+
     // REFS
     const iframeRef = useRef<HTMLIFrameElement | null>(null)
     const iframeKeyRef = useRef<string | null>(`${docLink}-${getUniqueId()}`)

src/components/common/navigation/navigation.scss

@@ -15,10 +15,10 @@
  */
 
 #root > div > main {
-    width: 100%;
+    width: 100vw;
     min-height: 100vh;
     display: grid;
-    overflow-y: hidden;
+    overflow: hidden;
 }
 
 .main {