Convert fielddays to own component with breadcrumbs

src/App.js

@@ -30,8 +30,7 @@ import Books from './Pages/Books/Books';
 import booksdata from './Pages/Books/books.json'
 
 import RadioMain from './Pages/Radio/RadioMain';
-
+import Fieldday from './Pages/Radio/fielddays/fieldday';
-import MarkdownPage from './Pages/markdownPage';
 
 import Linux from './Pages/Linux/Linux';
 import Footer from './UI/Footer';
@@ -115,7 +114,7 @@ function App() {
     return dates.map(date => {
       const path = `/${lang}/radio/fielddays/${date}`;
       const mdPath = `Radio/fielddays/${lang}/${date}.md`;
-      return <Route key={`${lang}-${date}`} exact path={path} element={<article className="main-page"><MarkdownPage md={mdPath} /></article>} />;
+      return <Route key={`${lang}-${date}`} exact path={path} element={<Fieldday mdPath={mdPath} />} />;
     });
   }).flat();
 

src/Pages/Radio/fielddays/fieldday.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import Breadcrumbs from '../../../UI/Breadcrumbs'
+import MarkdownPage from '../../markdownPage'
+
+const Fieldday = ({ mdPath }) => {
+    return (
+        <article className='main-page'>
+            <Breadcrumbs separator=' > ' path="radio">
+                {['radio']}
+            </Breadcrumbs>
+            <MarkdownPage md={mdPath} />
+        </article>
+    )
+}
+
+export default Fieldday;