Firewall: DNat: Display effective port when local-port is omitted

[TomWalraven]

Important notices

Before you submit a pull request, we ask you kindly to acknowledge the following:

• I have read the contributing guidelines at https://github.com/opnsense/core/blob/master/CONTRIBUTING.md
• I opened an issue first for non-trivial changes and linked it below.
• AI tools were used to create at least part of the code submitted herewith.

---

Describe the problem

Currently when selecting any/skipping local-port field, it's unclear which port is effective.

---

Describe the proposed solution

Display the selected destination port in the local-port field. Local-port will only display "*" if both destination port and local-port are omitted.

---

Related issue
Closes: #9677

[Monviech]

@TomWalraven

I think we can take the chance and wrap this into elseif since the number of conditions grow.

I imagine the formatter like this:

                    alias: function(column, row) {
                        if (row.isGroup) {
                            return "";
                        }
                        const value = row[column.id] || "";
                        // DNAT uses network, SNAT and ONAT uses net
                        const isNegated = (row[column.id.replace(/network|net/, 'not')] == 1) ? "! " : "";

                        if (typeof value !== 'string') {
                            return '';
                        } else if (value === "local-port") {
                            // DNAT: mirror destination port into local-port for better visibility
                            return (!row["local-port"] ? row["destination.port"] : row["local-port"]) || "*";
                        } else if (!value || value === "any") {
                            return isNegated + '*';
                        }

                        const aliasMetadataList = row["alias_meta_" + column.id] || [];

                        ...