style: remove inline comments from JSX code

Author: zerox80

src/App.jsx

@@ -1,13 +1,13 @@
-import { BrowserRouter as Router, Routes, Route } from 'react-router-dom' // React Router for client-side routing
-import { HelmetProvider } from 'react-helmet-async' // For managing document head tags and SEO
-import { AuthProvider } from './context/AuthContext' // Authentication state management
-import { ContentProvider } from './context/ContentContext' // Content data management
-import { TutorialProvider } from './context/TutorialContext' // Tutorial-specific state management
-import { ThemeProvider } from './context/ThemeContext' // Theme and UI appearance management
-import ErrorBoundary from './components/ErrorBoundary' // Error handling wrapper component
-import Header from './components/Header' // Site navigation header
-import Footer from './components/Footer' // Site footer
-import ProtectedRoute from './components/ProtectedRoute' // Route protection for authenticated users
+import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'
+import { HelmetProvider } from 'react-helmet-async'
+import { AuthProvider } from './context/AuthContext'
+import { ContentProvider } from './context/ContentContext'
+import { TutorialProvider } from './context/TutorialContext'
+import { ThemeProvider } from './context/ThemeContext'
+import ErrorBoundary from './components/ErrorBoundary'
+import Header from './components/Header'
+import Footer from './components/Footer'
+import ProtectedRoute from './components/ProtectedRoute'
 import GlobalSiteMeta from './components/GlobalSiteMeta'
 import Home from './pages/Home' // Landing/home page
 import Grundlagen from './pages/Grundlagen' // Linux basics page
@@ -19,24 +19,15 @@ import AdminDashboard from './pages/AdminDashboard' // Admin control panel
 function App() {
   return (
     <ErrorBoundary>
-      // Global error boundary to catch rendering errors throughout the app
       <HelmetProvider>
-        // Manages document head tags, meta information, and SEO
         <ThemeProvider>
-          // Provides theme switching (light/dark mode) functionality
           <Router>
-            // React Router for client-side navigation and route management
             <AuthProvider>
-              // Handles user authentication, login/logout, and protected routes
               <ContentProvider>
-                // Manages CMS content, site metadata, and dynamic pages
                 <TutorialProvider>
-                  // Provides tutorial-specific state and CRUD operations
                   <div className="min-h-screen bg-gradient-to-br from-gray-50 to-gray-100 dark:from-gray-900 dark:to-gray-800 transition-colors">
                     <GlobalSiteMeta />
                     <Routes>
-                      // Public Routes
-                      // Home page - main landing page with hero and tutorial sections
                       <Route
                         path="/"
                         element={
@@ -47,7 +38,6 @@ function App() {
                           </ErrorBoundary>
                         }
                       />
-                      // Grundlagen page - Linux basics and fundamentals
                       <Route
                         path="/grundlagen"
                         element={
@@ -58,7 +48,6 @@ function App() {
                           </ErrorBoundary>
                         }
                       />
-                      // Tutorial detail page - individual tutorial view with content
                       <Route
                         path="/tutorials/:id"
                         element={
@@ -69,7 +58,6 @@ function App() {
                           </ErrorBoundary>
                         }
                       />
-                      // Post detail page - individual blog post/article view
                       <Route
                         path="/pages/:pageSlug/posts/:postSlug"
                         element={
@@ -80,7 +68,6 @@ function App() {
                           </ErrorBoundary>
                         }
                       />
-                      // Dynamic page - CMS-driven pages with customizable content
                       <Route
                         path="/pages/:slug"
                         element={
@@ -91,10 +78,7 @@ function App() {
                           </ErrorBoundary>
                         }
                       />
-                      // Login page - user authentication
                       <Route path="/login" element={<ErrorBoundary><Login /></ErrorBoundary>} />
-                      // Protected Routes
-                      // Admin dashboard - requires authentication, manages content
                       <Route
                         path="/admin"
                         element={
@@ -105,7 +89,6 @@ function App() {
                           </ProtectedRoute>
                         }
                       />
-                      // Fallback Route - catches all unmatched paths
                       <Route
                         path="*"
                         element={