v1.5.7: fix Settings system tab crash and OffersTemplates tab gap

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "app-ts",
-  "version": "1.5.6",
+  "version": "1.5.7",
   "description": "",
   "main": "dist/server.js",
   "scripts": {

src/admin/pages/OffersTemplates.tsx

@@ -71,7 +71,7 @@ export default function OffersTemplates() {
         </div>
       </motion.div>
 
-      <div className="admin-tabs">
+      <div className="admin-tabs mb-4">
         <button
           className={`admin-tab ${activeTab === "items" ? "active" : ""}`}
           onClick={() => setActiveTab("items")}

src/admin/pages/Settings.tsx

@@ -1546,15 +1546,31 @@ export default function Settings() {
                       </tbody>
                     </table>
                   ) : (
-                    <Skeleton
+                    <div
-                      name="settings-permissions"
+                      style={{
-                      loading={
+                        padding: "1rem",
-                        !role.permissions || role.permissions.length === 0
+                        display: "flex",
-                      }
+                        flexDirection: "column",
-                      fixture={<span>...</span>}
+                        gap: "0.5rem",
+                      }}
                     >
-                      <span>{role.permissions?.length || 0} oprávnění</span>
+                      <div
-                    </Skeleton>
+                        style={{
+                          height: "0.75rem",
+                          background: "#e0e0e0",
+                          borderRadius: "4px",
+                          width: "60%",
+                        }}
+                      />
+                      <div
+                        style={{
+                          height: "0.75rem",
+                          background: "#e0e0e0",
+                          borderRadius: "4px",
+                          width: "40%",
+                        }}
+                      />
+                    </div>
                   )}
                 </div>
               </motion.div>