fix: person bricks should center name

otherwise bricks are at the left and -50% translateY puts them
off-center, while centering long name

routes/templates/tableTemplatesPreview.gohtml

@@ -1,4 +1,5 @@
 {{define "main-content"}}
+<div style="--d: 10rem">
 
 <h2>For each type</h2>
 <section class="grid grid-cols-5 border-4 gap-4">
@@ -27,8 +28,10 @@
 
 
 <h2>And now i'll want to get all persons for a room</h2>
-<div class="grid place-content-center">
+<div class="grid place-content-center p-10">
   {{ template "roomPeople" .ARoom }}
 </div>
 
 {{end}}
+
+</div>