Refactor App structure and update styles

 Refined CSS styles for better visual consistency and added new glassmorphism effects. Adjusted showcase pages to reflect updated features and improved overall layout.

Author: sametuca

src/App.tsx

@@ -21,31 +21,24 @@ import ActivityFeeds from "./pages/showcase/ActivityFeeds";
 import Charts from "./pages/showcase/Charts";
 import FeatureCards from "./pages/showcase/FeatureCards";
 import LoadingStates from "./pages/showcase/LoadingStates";
-import InteractiveForms from "./pages/showcase/InteractiveForms";
 import DashboardWidgets from "./pages/showcase/DashboardWidgets";
 import ModernGallery from "./pages/showcase/ModernGallery";
 import AnimationShowcase from "./pages/showcase/AnimationShowcase";
-import UniqueComponents from "./pages/showcase/UniqueComponents";
-import EcommerceShowcase from "./pages/showcase/EcommerceShowcase";
-import CryptoFinance from "./pages/showcase/CryptoFinance";
-import SocialMedia from "./pages/showcase/SocialMedia";
 import GetStarted from "./pages/GetStarted";
 import Login from "./pages/Login";
 import Register from "./pages/Register";
 import NotFound from "./pages/NotFound";
 import { HelmetProvider } from "react-helmet-async";
 import { ThemeProvider } from "./contexts/ThemeContext";
 import { LanguageProvider } from "./contexts/LanguageContext";
-import { PremiumProvider } from "./contexts/PremiumContext";
 
 const queryClient = new QueryClient();
 
 const App = () => (
   <HelmetProvider>
     <ThemeProvider>
       <LanguageProvider>
-        <PremiumProvider>
-          <QueryClientProvider client={queryClient}>
+        <QueryClientProvider client={queryClient}>
           <TooltipProvider>
             <Toaster />
             <Sonner />
@@ -74,14 +67,9 @@ const App = () => (
                   <Route path="/showcase/charts" element={<Charts />} />
                   <Route path="/showcase/features" element={<FeatureCards />} />
                   <Route path="/showcase/loading" element={<LoadingStates />} />
-                  <Route path="/showcase/forms" element={<InteractiveForms />} />
                   <Route path="/showcase/widgets" element={<DashboardWidgets />} />
                   <Route path="/showcase/gallery" element={<ModernGallery />} />
                   <Route path="/showcase/animations" element={<AnimationShowcase />} />
-                  <Route path="/showcase/unique" element={<UniqueComponents />} />
-                  <Route path="/showcase/ecommerce" element={<EcommerceShowcase />} />
-                  <Route path="/showcase/crypto-finance" element={<CryptoFinance />} />
-                  <Route path="/showcase/social-media" element={<SocialMedia />} />
                   <Route path="/old-showcase" element={<ComponentShowcase />} />
                 </Route>
                 {/* ADD ALL CUSTOM ROUTES ABOVE THE CATCH-ALL "*" ROUTE */}
@@ -90,7 +78,6 @@ const App = () => (
             </BrowserRouter>
           </TooltipProvider>
         </QueryClientProvider>
-      </PremiumProvider>
       </LanguageProvider>
     </ThemeProvider>
   </HelmetProvider>

src/components/AppSidebar.tsx

@@ -13,7 +13,7 @@ const LanguageContext = createContext<LanguageContextType | undefined>(undefined
 // Dil çevirileri
 const translations = {
   tr: {
-    // Genel
+    // General
     'common.save': 'Kaydet',
     'common.cancel': 'İptal',
     'common.edit': 'Düzenle',
@@ -38,6 +38,13 @@ const translations = {
     'nav.showcase': 'Component Showcase',
     'nav.login': 'Giriş Yap',
     'nav.register': 'Kayıt Ol',
+    'nav.getStarted': 'Başlangıç',
+    'nav.guide': 'Rehber',
+    'nav.mainMenu': 'Ana Menü',
+    'nav.auth': 'Giriş',
+    'nav.logout': 'Çıkış Yap',
+    'nav.pro': 'Pro',
+    'nav.beta': 'Beta',
 
     // Settings
     'settings.general': 'Genel',
@@ -279,7 +286,7 @@ const translations = {
     // Showcase Forms
     'showcase.forms.title': 'İnteraktif Formlar',
     'showcase.forms.description': 'Gelişmiş form bileşenleri ve multi-step wizard örnekleri',
-    'showcase.forms.badge': 'Premium',
+    'showcase.forms.badge': 'Core',
     'showcase.forms.features.wizard': 'Multi-step wizard',
     'showcase.forms.features.validation': 'Gerçek zamanlı validasyon',
     'showcase.forms.features.inputs': 'Gelişmiş input\'lar',
@@ -342,6 +349,11 @@ const translations = {
     'tables.columns.role': 'Rol',
     'tables.columns.status': 'Durum',
 
+    // App
+    'app.title': 'React19 Admin',
+    'app.freeTemplate': 'Ücretsiz Şablon',
+    'app.free': 'Ücretsiz',
+    'app.allFeaturesAccess': 'Tüm özelliklere erişim',
 
   },
   en: {
@@ -370,6 +382,13 @@ const translations = {
     'nav.showcase': 'Component Showcase',
     'nav.login': 'Login',
     'nav.register': 'Register',
+    'nav.getStarted': 'Get Started',
+    'nav.guide': 'Guide',
+    'nav.mainMenu': 'Main Menu',
+    'nav.auth': 'Auth',
+    'nav.logout': 'Logout',
+    'nav.pro': 'Pro',
+    'nav.beta': 'Beta',
 
     // Settings
     'settings.general': 'General',
@@ -613,7 +632,7 @@ const translations = {
     // Showcase Forms
     'showcase.forms.title': 'Interactive Forms',
     'showcase.forms.description': 'Advanced form components and multi-step wizard examples',
-    'showcase.forms.badge': 'Premium',
+    'showcase.forms.badge': 'Core',
     'showcase.forms.features.wizard': 'Multi-step wizard',
     'showcase.forms.features.validation': 'Real-time validation',
     'showcase.forms.features.inputs': 'Advanced inputs',
@@ -675,6 +694,12 @@ const translations = {
     'tables.columns.email': 'Email',
     'tables.columns.role': 'Role',
     'tables.columns.status': 'Status',
+    
+    // App
+    'app.title': 'React19 Admin',
+    'app.freeTemplate': 'Free Template',
+    'app.free': 'Free',
+    'app.allFeaturesAccess': 'All features access',
   }
 };