fix mask ids in react svgr components generated by SVGR

[karrui]

Most (if not all) of our SVG React components are generated with SVGR.
Using SVGR generates ids to the mask groups inside the given SVG, which are extremely likely to clash if there are two SVGRs in the same html layout, resulting in the later declaration of id properties to be used for the wrong SVGs.

We should take a look at all the SVG React components to name the mask ids to something less likely to clash.

See related issue in opengovsg/FormSG#5749

[karrui]

Will regenerate all SVGR generated icons with SVGO option cleanupIds set to false