feat: server permission checking and v0.2.28 release (#178)

components/Layout.tsx

@@ -1,7 +1,7 @@
-import { ResponsiveContainer } from 'recharts'
 import ClientWrapper from './ClientWrapper'
 import Header from './Header'
 import Navigation from './Navigation'
+import PermissionError from './PermissionError'
 
 export default function Layout({ children }: { children: React.ReactNode }) {
   return (
@@ -14,6 +14,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
             <main className="flex-1 overflow-x-hidden overflow-y-auto bg-gray-100 dark:bg-gray-900 relative">
               {/* responsive container (optimized for mobile) */}
               <div className="mx-auto px-2 xs:px-4 py-8 max-w-sm xs:max-w-full">
+                <PermissionError />
                 {children}
               </div>
             </main>