🎨 style(modals): add 'ID:' prefix to the node id badge in EditNodeModal

🎨 style(PageComponent): add lowercase type prefix to the generated node id
The 'ID:' prefix was added to the node id badge in EditNodeModal to improve readability and semantics. In PageComponent, a lowercase prefix was added to the generated node id to improve consistency with the naming conventions.

src/frontend/src/modals/EditNodeModal/index.tsx

@@ -88,7 +88,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
         <DialogHeader>
           <DialogTitle className="flex items-center">
             <span className="pr-2">{data.type}</span>
-            <Badge variant="secondary">{data.id}</Badge>
+            <Badge variant="secondary">ID: {data.id}</Badge>
           </DialogTitle>
           <DialogDescription>
             {EDIT_DIALOG_SUBTITLE}

src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx

@@ -215,7 +215,8 @@ export default function Page({ flow }: { flow: FlowType }) {
       // Generate a unique node ID
       let { type } = data;
       let newId = getNodeId();
-      newId = `${type}_${newId}`;
+      // add lowercase to the type
+      newId = `${type.toLowerCase()}-${newId}`;
       let newNode: NodeType;
 
       if (data.type !== "groupNode") {