implement latest changes in templates

Author: pettinarip

public/content/translations/ro/developers/docs/programming-languages/dot-net/index.md

@@ -78,7 +78,7 @@ Căutaţi şi alte resurse? Accesează [ethereum.org/developers](/developers/).
 
 Pe noi, cei de la Nethereum, ne puteţi găsi pe [Gitter](https://gitter.im/Nethereum/Nethereum), unde toată lumea poate să pună întrebări și să dea răspunsuri, să primească ajutor sau pur și simplu să se relaxeze. Puteţi crea un PR sau ridica o problemă în [Repo-ul GitHub Nethereum](https://github.com/Nethereum) sau puteţi descoperi numeroasele noastre proiecte secundare/de exemplificare. Ne puteţi găsi și pe [Discord](https://discord.gg/jQPrR58FxX)!
 
-La Nethermind, vă invităm să ne contactaţi prin [Gitter](//gitter.im/nethermindeth/nethermind). Pentru PR sau probleme, accesaţi [Repo-ul GitHub Nethermind](https://github.com/NethermindEth/nethermind).
+La Nethermind, vă invităm să ne contactaţi prin [Gitter](https://gitter.im/nethermindeth/nethermind). Pentru PR sau probleme, accesaţi [Repo-ul GitHub Nethermind](https://github.com/NethermindEth/nethermind).
 
 ## Alte liste agregate {#other-aggregated-lists}
 

src/layouts/Roadmap.tsx

@@ -1,4 +1,12 @@
-import { Box, Flex, Show, SimpleGrid, Wrap, WrapItem } from "@chakra-ui/react"
+import {
+  Box,
+  Flex,
+  Show,
+  SimpleGrid,
+  Wrap,
+  WrapItem,
+  useToken,
+} from "@chakra-ui/react"
 
 import type { ChildOnlyProp, Lang, TranslationKey } from "@/lib/types"
 import type { MdPageContent, RoadmapFrontmatter } from "@/lib/interfaces"
@@ -62,6 +70,9 @@ export const RoadmapLayout: React.FC<IProps> = ({
   slug,
   tocItems,
 }) => {
+  // TODO: Replace with direct token implementation after UI migration is completed
+  const lgBp = useToken("breakpoints", "lg")
+
   const isRightToLeft = isLangRightToLeft(frontmatter.lang as Lang)
 
   const dropdownLinks: ButtonDropdownList = {
@@ -178,13 +189,13 @@ export const RoadmapLayout: React.FC<IProps> = ({
         </Flex>
       </HeroContainer>
       <Page dir={isRightToLeft ? "rtl" : "ltr"}>
-        <Show above="lg">
-          <LeftNavBar
-            dropdownLinks={dropdownLinks}
-            maxDepth={frontmatter.sidebarDepth!}
-            tocItems={tocItems}
-          />
-        </Show>
+        {/* TODO: Switch to `above="lg"` after completion of Chakra Migration */}
+        <LeftNavBar
+          hideBelow={lgBp}
+          dropdownLinks={dropdownLinks}
+          maxDepth={frontmatter.sidebarDepth!}
+          tocItems={tocItems}
+        />
         <ContentContainer id="content">
           {children}
           <FeedbackCard />

src/layouts/Staking.tsx

@@ -291,14 +291,13 @@ export const StakingLayout: React.FC<IProps> = ({
         />
       </HeroContainer>
       <Page dir={isRightToLeft ? "rtl" : "ltr"}>
-        {/* // TODO: Switch to `above="lg"` after completion of Chakra Migration */}
-        <Show above={lgBp}>
-          <LeftNavBar
-            dropdownLinks={dropdownLinks}
-            tocItems={tocItems}
-            maxDepth={frontmatter.sidebarDepth!}
-          />
-        </Show>
+        {/* TODO: Switch to `above="lg"` after completion of Chakra Migration */}
+        <LeftNavBar
+          hideBelow={lgBp}
+          dropdownLinks={dropdownLinks}
+          tocItems={tocItems}
+          maxDepth={frontmatter.sidebarDepth!}
+        />
         <ContentContainer id="content">
           {children}
           <StakingCommunityCallout my={16} />

src/layouts/Upgrade.tsx

@@ -213,13 +213,13 @@ export const UpgradeLayout: React.FC<IProps> = ({
         </MoreContent>
       </Show>
       <Page dir={isRightToLeft ? "rtl" : "ltr"}>
-        <Show above={lgBreakpoint}>
-          <LeftNavBar
-            dropdownLinks={dropdownLinks}
-            tocItems={tocItems}
-            maxDepth={frontmatter.sidebarDepth!}
-          />
-        </Show>
+        {/* TODO: Switch to `above="lg"` after completion of Chakra Migration */}
+        <LeftNavBar
+          hideBelow={lgBreakpoint}
+          dropdownLinks={dropdownLinks}
+          tocItems={tocItems}
+          maxDepth={frontmatter.sidebarDepth!}
+        />
         <ContentContainer id="content">
           {children}
           <FeedbackCard />

src/layouts/UseCases.tsx

@@ -243,13 +243,13 @@ export const UseCasesLayout: React.FC<IProps> = ({
         </Flex>
       </Show>
       <Page dir={isRightToLeft ? "rtl" : "ltr"}>
-        <Show above={lgBp}>
-          <LeftNavBar
-            dropdownLinks={dropdownLinks}
-            tocItems={tocItems}
-            maxDepth={frontmatter.sidebarDepth!}
-          />
-        </Show>
+        {/* TODO: Switch to `above="lg"` after completion of Chakra Migration */}
+        <LeftNavBar
+          hideBelow={lgBp}
+          dropdownLinks={dropdownLinks}
+          tocItems={tocItems}
+          maxDepth={frontmatter.sidebarDepth!}
+        />
         <ContentContainer id="content">
           {children}
           <FeedbackCard />