refactor: small style tweaks

- cursor styles on dnd

apps/client/src/common/components/navigation-menu/other-addresses/OtherAddresses.module.scss

@@ -5,12 +5,17 @@
 }
 
 .interfaces {
-  padding: 0.5rem 1rem;
+  padding: 0.5rem 0.5rem;
   display: flex;
   flex-wrap: wrap;
   gap: 0.5rem;
 }
 
+.interfaceCopy {
+  display: flex;
+  align-items: center;
+}
+
 .goIcon {
   @include rotate-fourty-five;
   margin-left: 0.25rem;

apps/client/src/common/components/navigation-menu/other-addresses/OtherAddresses.tsx

@@ -30,8 +30,10 @@ export default function OtherAddresses({ currentLocation }: OtherAddressesProps)
           const address = linkToOtherHost(nif.address, currentLocation);
 
           return (
-            <CopyTag key={nif.name} copyValue={address} onClick={() => openLink(address)}>
-              {nif.address} <IoArrowUp className={style.goIcon} />
+            <CopyTag key={nif.name} copyValue={address} onClick={() => openLink(address)} size='small'>
+              <span className={style.interfaceCopy}>
+                {nif.address} <IoArrowUp className={style.goIcon} />
+              </span>
             </CopyTag>
           );
         })}

apps/client/src/common/components/switch/Switch.module.scss

@@ -22,6 +22,11 @@
     outline: 2px solid $blue-500;
     outline-offset: 2px;
   }
+
+  &[data-disabled] {
+    opacity: $opacity-disabled;
+    cursor: not-allowed;
+  }
 }
 
 .medium {
@@ -50,4 +55,5 @@
   &[data-checked] {
     translate: calc(var(--width) - var(--height)) 0;
   }
+
 }