fix: revert padding approach, let sidebar overlay content

client/src/Components/v1/Layouts/HomeLayout/index.css

@@ -29,6 +29,8 @@
 
 .home-content-wrapper {
 	padding: var(--env-var-spacing-2);
+	max-width: 1400px;
+	margin: 0 auto;
 	flex: 1;
 	min-width: 0;
 	overflow-x: hidden;

client/src/Components/v1/Layouts/HomeLayout/index.jsx

@@ -1,13 +1,11 @@
 import Sidebar from "../../Sidebar/index.jsx";
 import { Outlet } from "react-router";
 import { Stack } from "@mui/material";
-import { UserGuideSidebar, useUserGuideSidebarContext } from "../../UserGuide";
+import { UserGuideSidebar } from "../../UserGuide";
 
 import "./index.css";
 
 const HomeLayout = () => {
-	const { requiredPaddingRight } = useUserGuideSidebarContext();
-
 	return (
 		<Stack
 			className="home-layout"
@@ -15,13 +13,7 @@ const HomeLayout = () => {
 			gap={14}
 		>
 			<Sidebar />
-			<Stack
-				className="home-content-wrapper"
-				sx={{
-					paddingRight: `${requiredPaddingRight}px`,
-					transition: "padding-right 300ms ease-in-out",
-				}}
-			>
+			<Stack className="home-content-wrapper">
 				<Outlet />
 			</Stack>
 			<UserGuideSidebar />