componenets standardization 1

frontend/src/App.tsx

@@ -116,6 +116,9 @@ const Help = lazy(() => import("./pages/Help/Help"));
 // Components - Lazy loaded
 const Components = lazy(() => import("./pages/Components"));
 
+// UI Elements - Lazy loaded (Design System Reference)
+const UIElements = lazy(() => import("./pages/UIElements"));
+
 
 
 export default function App() {
@@ -279,6 +282,9 @@ export default function App() {
             
             {/* Components (Showcase Page) */}
             <Route path="/components" element={<Components />} />
+            
+            {/* UI Elements (Design System - Non-indexable) */}
+            <Route path="/ui-elements" element={<UIElements />} />
           </Route>
 
           {/* Fallback Route */}