Left nav buttons fail when name contains a dot (.)

[Markieta]

Selecting a left navigation button, on the Constraints (Templates) page, that contains a period (.) in the name, fails to navigate the page to that constraint (template) with the following error (Chrome):

react-dom.production.min.js:101 Uncaught DOMException: Failed to execute 'querySelector' on 'Document': '#cis-k8s-v1.5.1-psp-pods-must-run-as-nonroot' is not a valid selector.
    at gE (https://gatekeeper.example.com/static/js/main.0801769c.js:2:1585920)
    at onClick (https://gatekeeper.example.com/static/js/main.0801769c.js:2:1720877)
    at Object.He (https://gatekeeper.example.com/static/js/main.0801769c.js:2:250343)
    at Ye (https://gatekeeper.example.com/static/js/main.0801769c.js:2:250497)
    at https://gatekeeper.example.com/static/js/main.0801769c.js:2:268722
    at Tr (https://gatekeeper.example.com/static/js/main.0801769c.js:2:268816)
    at Cr (https://gatekeeper.example.com/static/js/main.0801769c.js:2:269231)
    at https://gatekeeper.example.com/static/js/main.0801769c.js:2:274872
    at je (https://gatekeeper.example.com/static/js/main.0801769c.js:2:350549)
    at https://gatekeeper.example.com/static/js/main.0801769c.js:2:270692

For example:

Works	Fails
psp-v2022-psp-forbidden-sysctls	cis-k8s-v1.5.1-psp-capabilities