feat: refactor several components and clean up ui

app/routes/machines/machine.tsx

@@ -45,18 +45,18 @@ export async function loader({ request, params, context }: Route.LoaderArgs) {
 
   const lookup = await context.agents?.lookup([node.nodeKey]);
   const [enhancedNode] = mapNodes([node], lookup);
-  const tags = [...node.tags].sort();
+  const tags = [...node.tags].toSorted();
   const supportsNodeOwnerChange = !context.hsApi.clientHelpers.isAtleast("0.28.0-beta.1");
 
   return {
+    agent: context.agents?.agentID(),
+    existingTags: sortNodeTags(nodes),
+    magic,
     node: enhancedNode,
+    stats: lookup?.[enhancedNode.nodeKey],
+    supportsNodeOwnerChange: supportsNodeOwnerChange,
     tags,
     users,
-    magic,
-    agent: context.agents?.agentID(),
-    stats: lookup?.[enhancedNode.nodeKey],
-    existingTags: sortNodeTags(nodes),
-    supportsNodeOwnerChange: supportsNodeOwnerChange,
   };
 }
 
@@ -129,11 +129,7 @@ export default function Page({
       <div className="mb-4 flex items-center justify-between">
         <p>
           Subnets let you expose physical network routes onto Tailscale.{" "}
-          <Link
-            isExternal
-            name="Tailscale Subnets Documentation"
-            to="https://tailscale.com/kb/1019/subnets"
-          >
+          <Link external styled to="https://tailscale.com/kb/1019/subnets">
             Learn More
           </Link>
         </p>