feat: remove dock grid from body, move center button to header

src/ui.tsx

@@ -4,12 +4,12 @@ import {
   Text,
   Muted,
   VerticalSpace,
-  Button,
   IconButton,
   IconExpand24,
   IconCollapse24,
   IconCheck24,
-  IconCopySmall24
+  IconCopySmall24,
+  IconDockToSide24
 } from '@create-figma-plugin/ui'
 import { emit, on } from '@create-figma-plugin/utilities'
 import { h, Fragment } from 'preact'
@@ -366,6 +366,12 @@ function Plugin () {
             >
               {copied ? <IconCheck24 /> : <IconCopySmall24 />}
             </IconButton>
+            <IconButton
+              title="Центр окна (50% viewport)"
+              onClick={function () { dockWindow('center') }}
+            >
+              <IconDockToSide24 />
+            </IconButton>
             <IconButton
               title={isMaximized ? 'Свернуть окно' : 'Развернуть окно'}
               onClick={toggleWindowSize}
@@ -374,17 +380,6 @@ function Plugin () {
             </IconButton>
           </div>
         </div>
-        <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: '4px' }}>
-          <Button onClick={function () { dockWindow('top-left') }}>◤</Button>
-          <Button onClick={function () { dockWindow('top-center') }}>▬</Button>
-          <Button onClick={function () { dockWindow('top-right') }}>◥</Button>
-          <Button onClick={function () { dockWindow('center-left') }}>▏</Button>
-          <Button onClick={function () { dockWindow('center') }}>⊕</Button>
-          <Button onClick={function () { dockWindow('center-right') }}>▕</Button>
-          <Button onClick={function () { dockWindow('bottom-left') }}>◣</Button>
-          <Button onClick={function () { dockWindow('bottom-center') }}>▭</Button>
-          <Button onClick={function () { dockWindow('bottom-right') }}>◢</Button>
-        </div>
         <div
           style={{
             flex: 1,