Improve NodeDetailsDialog UI and add security info (#770)

* Improve NodeDetailsDialog UI and add security info

Refactored NodeDetailsDialog to use tables for better layout and readability, added a security section displaying public key and verification status, and included messageable status. Updated i18n files with new keys and improved battery level formatting. Fixed logic in Nodes page for handling location packets and improved hardware model sorting.

* Update NodeDetailsDialog.tsx

packages/web/src/pages/Nodes/index.tsx

@@ -72,7 +72,10 @@ const NodesPage = (): JSX.Element => {
 
   const handleLocation = useCallback(
     (location: Types.PacketMetadata<Protobuf.Mesh.Position>) => {
-      if (location.to.valueOf() !== hardware.myNodeNum) {
+      if (
+        location.to.valueOf() !== hardware.myNodeNum ||
+        location.from.valueOf() === hardware.myNodeNum
+      ) {
         return;
       }
       setSelectedLocation(location);
@@ -213,7 +216,8 @@ const NodesPage = (): JSX.Element => {
           content: (
             <Mono>{Protobuf.Mesh.HardwareModel[node.user?.hwModel ?? 0]}</Mono>
           ),
-          sortValue: Protobuf.Mesh.HardwareModel[node.user?.hwModel ?? 0],
+          sortValue:
+            Protobuf.Mesh.HardwareModel[node.user?.hwModel ?? 0] ?? "UNSET",
         },
         {
           content: <Mono>{macAddress}</Mono>,