ui: reflect readonly mode by hiding controls + various small styling fixes

app/src/ui/modules/data/components/fields/EntityRelationalFormField.tsx

@@ -232,7 +232,7 @@ const PopoverTable = ({
             data={container ?? []}
             entity={entity}
             select={query.select}
-            total={container.meta?.count}
+            total={container.body.meta?.count}
             page={query.page}
             onClickRow={onClickRow}
             onClickPage={onClickPage}

app/src/ui/modules/data/components/schema/create-modal/step.entity.tsx

@@ -8,7 +8,9 @@ import { s } from "bknd/utils";
 import { cloneSchema } from "core/utils/schema";
 
 const schema = s.object({
-   name: entitySchema.properties.name,
+   name: s.string({
+      pattern: /^[a-z][a-zA-Z_]+$/,
+   }),
    config: entitySchema.properties.config.partial().optional(),
 });
 type Schema = s.Static<typeof schema>;