refactor: use inline elements

apps/client/src/features/app-settings/panel/network-panel/NetworkInterfaces.module.scss

@@ -1,10 +1,3 @@
-.interfaces {
-  display: flex;
-  flex-wrap: wrap;
-  gap: $section-spacing;
-  row-gap: $element-inner-spacing;
-}
-
 .goIcon {
   @include rotate-fourty-five;
   margin-left: 0.25rem;

apps/client/src/features/app-settings/panel/network-panel/NetworkInterfaces.tsx

@@ -4,6 +4,7 @@ import CopyTag from '../../../../common/components/copy-tag/CopyTag';
 import useInfo from '../../../../common/hooks-query/useInfo';
 import { linkToOtherHost, openLink } from '../../../../common/utils/linkUtils';
 import { isLocalhost } from '../../../../externals';
+import * as Panel from '../../panel-utils/PanelUtils';
 
 import style from './NetworkInterfaces.module.scss';
 
@@ -13,7 +14,7 @@ export default function InfoNif() {
   const handleClick = (address: string) => openLink(address);
 
   return (
-    <div className={style.interfaces}>
+    <Panel.InlineElements>
       {data.networkInterfaces.map((nif) => {
         // interfaces outside localhost wont have access
         if (nif.name === 'localhost' && !isLocalhost) return null;
@@ -30,6 +31,6 @@ export default function InfoNif() {
           </CopyTag>
         );
       })}
-    </div>
+    </Panel.InlineElements>
   );
 }