feat: move shell selector to firepower header

src/app/tools/compare/page.tsx

@@ -1160,14 +1160,30 @@ export default function Page() {
                                 </Popover.Content>
                               </Popover.Root>
                             </Flex>
+                          </Flex>
+                        </Table.Cell>
+                      );
+                    },
+                  )}
+                </Table.Row>
+              </Table.Body>
 
-                            <Flex mt="1">
+              <Table.Header>
+                <Table.Row>
+                  <Table.ColumnHeaderCell>
+                    <Flex height="100%" align="center">
+                      <Heading size="4">Firepower</Heading>
+                    </Flex>
+                  </Table.ColumnHeaderCell>
+
+                  {members.map(({ gun, shell, key }, index) => (
+                    <Table.ColumnHeaderCell key={key}>
+                      <Flex justify="center">
+                        <Flex>
                           {gun.shells.map((thisShell, shellIndex) => (
                             <IconButton
                               color={
-                                    thisShell.id === shell.id
+                                thisShell.id === shell.id ? undefined : 'gray'
-                                      ? undefined
-                                      : 'gray'
                               }
                               variant="soft"
                               key={thisShell.id}
@@ -1204,14 +1220,10 @@ export default function Page() {
                           ))}
                         </Flex>
                       </Flex>
-                        </Table.Cell>
+                    </Table.ColumnHeaderCell>
-                      );
+                  ))}
-                    },
-                  )}
                 </Table.Row>
-              </Table.Body>
+              </Table.Header>
-
-              <Title>Firepower</Title>
               <Table.Body>
                 <Row name="DPM" value="dpm" decimals={0} />
                 <Row