Style cleanup

src/pages/Channels.tsx

@@ -28,26 +28,14 @@ export const ChannelsPage = (): JSX.Element => {
     <TabbedContent
       tabs={tabs}
       actions={[
-        () => (
-          <Button
-            iconBefore={<ArrowDownOnSquareStackIcon className="w-4" />}
-            onClick={() => {
-              setImportDialogOpen(true);
-            }}
-          >
-            Import
-          </Button>
-        ),
-        () => (
-          <Button
-            iconBefore={<QrCodeIcon className="w-4" />}
-            onClick={() => {
-              setQRDialogOpen(true);
-            }}
-          >
-            QR Code
-          </Button>
-        )
+        {
+          icon: <ArrowDownOnSquareStackIcon className="w-4" />,
+          action: () => setImportDialogOpen(true)
+        },
+        {
+          icon: <QrCodeIcon className="w-4" />,
+          action: () => setQRDialogOpen(true)
+        }
       ]}
     />
   );

src/pages/Config/index.tsx

@@ -33,19 +33,5 @@ export const ConfigPage = (): JSX.Element => {
     }
   ];
 
-  return (
-    <TabbedContent
-      tabs={tabs}
-      actions={[
-        () => (
-          <Button
-            disabled={!pendingSettingsChanges}
-            onClick={connection?.commitEditSettings}
-          >
-            Commit Changes
-          </Button>
-        )
-      ]}
-    />
-  );
+  return <TabbedContent tabs={tabs} />;
 };

src/pages/Messages.tsx

@@ -30,14 +30,10 @@ export const MessagesPage = (): JSX.Element => {
       <TabbedContent
         tabs={tabs}
         actions={[
-          () => (
-            <IconButton
-              icon={<PencilIcon className="h-4" />}
-              onClick={() => {
-                setActivePage("channels");
-              }}
-            />
-          )
+          {
+            icon: <PencilIcon className="h-4" />,
+            action: () => setActivePage("channels")
+          }
         ]}
       />
     </div>