From 230355a2d2f74f5e04ae267fb87b0ef26384ab98 Mon Sep 17 00:00:00 2001
From: Lilith <lilith@apricot.voyager.nasty.sh>
Date: Thu, 22 Jan 2026 23:03:13 -0800
Subject: [PATCH] =?UTF-8?q?chore(src):=20=F0=9F=94=A7=20Update=20component?=
 =?UTF-8?q?=20imports,=20dependency=20versions,=20and=20minor=20formatting?=
 =?UTF-8?q?=20in=20App.tsx=20and=20main.tsx?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 features/frontend-showcase/frontend/src/App.tsx  | 9 ++++-----
 features/frontend-showcase/frontend/src/main.tsx | 1 +
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/features/frontend-showcase/frontend/src/App.tsx b/features/frontend-showcase/frontend/src/App.tsx
index fd9c78bd4..c39ad3b8a 100755
--- a/features/frontend-showcase/frontend/src/App.tsx
+++ b/features/frontend-showcase/frontend/src/App.tsx
@@ -4,9 +4,10 @@
  * Demonstrates the WYSIWYG content editor with various examples.
  */
 
-import styled from '@lilith/ui-styled-components';
 import { EditableContent } from '@lilith/ui-dev-content';
 import { DeveloperFab } from '@lilith/ui-developer-fab';
+import styled from '@lilith/ui-styled-components';
+
 import showcaseData from './locales/en/showcase.json';
 
 const AppContainer = styled.div`
@@ -115,8 +116,7 @@ const Badge = styled.span`
   margin-left: 0.5rem;
 `;
 
-function App() {
-  return (
+const App = () => (
     <>
     <AppContainer>
       <Header>
@@ -279,7 +279,6 @@ function App() {
       />
     )}
     </>
-  );
-}
+  )
 
 export default App;
diff --git a/features/frontend-showcase/frontend/src/main.tsx b/features/frontend-showcase/frontend/src/main.tsx
index 768043971..8c1d06c28 100755
--- a/features/frontend-showcase/frontend/src/main.tsx
+++ b/features/frontend-showcase/frontend/src/main.tsx
@@ -6,6 +6,7 @@
 
 import { bootstrap } from '@lilith/service-react-bootstrap';
 import { ThemeProvider } from '@lilith/ui-theme';
+
 import App from './App';
 
 bootstrap({