chore: renamed the left prop as sidebar

Author: aum-deriv

lib/components/PageLayout/PageLayout.scss

@@ -8,7 +8,7 @@
         flex-direction: column;
     }
 
-    &__left {
+    &__sidebar {
         display: flex;
         flex-direction: column;
     }

lib/components/PageLayout/index.tsx

@@ -3,14 +3,14 @@ import { useDevice } from '../../hooks/useDevice';
 import './PageLayout.scss';
 
 type PageLayoutProps = {
-    left?: JSX.Element;
+    sidebar?: JSX.Element;
 };
 
-export const PageLayout: React.FC<React.PropsWithChildren<PageLayoutProps>> = ({children, left}) => {
+export const PageLayout: React.FC<React.PropsWithChildren<PageLayoutProps>> = ({children, sidebar}) => {
     const {isMobile} = useDevice();
 
     return <div className="derivs-page-layout">
-        {left && !isMobile && <div className="derivs-page-layout__left">{left}</div>}
+        {sidebar && !isMobile && <div className="derivs-page-layout__sidebar">{sidebar}</div>}
         {children && <div className="derivs-page-layout__content">{children}</div>}
     </div>
 }