refactor: start grouping brick attributes info

routes/templates/room.gohtml

@@ -27,11 +27,11 @@
     <![endif]-->
     {{ define "main-content" }}
     <main class="h-screen">
-      <div class="h-full w-full grid">
+      <div class="h-full w-full flex flex-row">
         <script src="/static/dist/ext/sse.js"></script>
         <div
           id="roomTextContainer"
-          class="grid place-content-center"
+          class="grid place-content-center grow"
           hx-ext="sse"
           sse-connect="/rooms/subscribe?roomName={{ .Room.Name }}"
         >
@@ -45,7 +45,7 @@
           </div>
           {{ end }}
         </div>
-        <div id="controls" class="bg-green-300">
+        <div id="controls" class="bg-green-300 flex flex-col p-10 gap-y-10">
           {{ range .Gestures }}
           <button
             hx-get="{{ .Url }}"