fix: Restore resources in product sidebars

src/components/sidebar/components/sidebar-nav-list/index.tsx

@@ -4,8 +4,17 @@
  */
 
 import { ReactNode } from 'react'
+import classNames from 'classnames'
 import s from '../../sidebar.module.css'
 
-export default function SidebarNavList({ children }: { children: ReactNode }) {
-	return <ul className={s.navList}>{children}</ul>
+type NativeDivElement = JSX.IntrinsicElements['div']
+
+export default function SidebarNavList({
+	className,
+	children,
+}: {
+	className?: NativeDivElement['className']
+	children: ReactNode
+}) {
+	return <ul className={classNames(s.navList, className)}>{children}</ul>
 }

src/components/sidebar/index.tsx

@@ -137,13 +137,23 @@ const Sidebar = ({
 		)
 	} else if (shouldRenderMobileControls && title === 'Main Menu') {
 		sidebarContent = (
-			<NavigationMenu.Root>
-				<ProductPanel
-					productCategories={mobileNavigationData}
-					promo={navPromo}
-					sidePanel={sidePanelContent}
-				/>
-			</NavigationMenu.Root>
+			<>
+				<NavigationMenu.Root>
+					<ProductPanel
+						productCategories={mobileNavigationData}
+						promo={navPromo}
+						sidePanel={sidePanelContent}
+					/>
+				</NavigationMenu.Root>
+				{showResourcesList && (
+					<SidebarNavList className={s.mainMenuResources}>
+						{navResourceItems.map((item, index) => (
+							// eslint-disable-next-line react/no-array-index-key
+							<SidebarNavMenuItem item={item} key={index} />
+						))}
+					</SidebarNavList>
+				)}
+			</>
 		)
 		visuallyHideTitle = true
 	} else {

src/components/sidebar/sidebar.module.css

@@ -30,6 +30,10 @@
 	padding: 0;
 }
 
+.mainMenuResources {
+	padding: 0 12px;
+}
+
 /*
 ***
 * The values set in the following classes are specific so that Sidebar content