Fix tablet page layout: move tablet type back to metadata section

Co-authored-by: adameat <[email protected]>

Author: Copilot

src/containers/Tablet/Tablet.scss

@@ -16,11 +16,4 @@
     &__loader {
         margin-left: var(--g-spacing-2);
     }
-
-    &__tablet-type {
-        font-weight: 400;
-
-        color: var(--g-color-text-secondary);
-        @include mixins.text-body-2();
-    }
 }

src/containers/Tablet/Tablet.tsx

@@ -93,11 +93,14 @@ export function Tablet() {
         );
     }, [dispatch, queryDatabase, id, tabletType]);
 
-    const {Leader} = tablet;
+    const {Leader, Type} = tablet;
     const metaItems: string[] = [];
     if (database) {
         metaItems.push(`${i18n('tablet.meta-database')}: ${database}`);
     }
+    if (Type) {
+        metaItems.push(Type);
+    }
     if (Leader === false) {
         metaItems.push(i18n('tablet.meta-follower').toUpperCase());
     }
@@ -132,7 +135,7 @@ function TabletContent({
     database?: string;
 }) {
     const isEmpty = !Object.keys(tablet).length;
-    const {Overall, HiveId, FollowerId, Type} = tablet;
+    const {Overall, HiveId, FollowerId} = tablet;
 
     const tabletName = `${id}${FollowerId ? `.${FollowerId}` : ''}`;
 
@@ -143,14 +146,11 @@ function TabletContent({
             isEmpty={isEmpty}
         >
             <Flex gap={5} direction="column">
-                <Flex gap={2} direction="column">
-                    <EntityPageTitle
-                        entityName={i18n('tablet.header')}
-                        status={Overall ?? EFlag.Grey}
-                        id={tabletName}
-                    />
-                    {Type && <div className={b('tablet-type')}>{Type}</div>}
-                </Flex>
+                <EntityPageTitle
+                    entityName={i18n('tablet.header')}
+                    status={Overall ?? EFlag.Grey}
+                    id={tabletName}
+                />
                 <TabletControls tablet={tablet} />
                 <TabletInfo tablet={tablet} />
             </Flex>