fix(techdocs): add backwards compatibility

Signed-off-by: Camila Belo <camilaibs@gmail.com>

packages/app/src/App.tsx

@@ -184,8 +184,9 @@ const routes = (
     <Route path="/docs" element={<TechDocsIndexPage />} />
     <Route
       path="/docs/:namespace/:kind/:name/*"
-      element={<TechDocsReaderPage>{techDocsPage}</TechDocsReaderPage>}
+      element={<TechDocsReaderPage />}
     >
+      {techDocsPage}
       <TechDocsAddons>
         <ExampleHeader />
         <ExampleSubHeader />

packages/app/src/components/techdocs/TechDocsPage.tsx

@@ -15,6 +15,7 @@
  */
 
 import {
+  TechDocsReaderPage,
   TechDocsReaderPageHeader,
   TechDocsReaderPageContent,
 } from '@backstage/plugin-techdocs';
@@ -22,10 +23,10 @@ import React from 'react';
 
 const DefaultTechDocsPage = () => {
   return (
-    <>
+    <TechDocsReaderPage>
       <TechDocsReaderPageHeader />
       <TechDocsReaderPageContent />
-    </>
+    </TechDocsReaderPage>
   );
 };