Update svg fill id

Mariana spotted that in Chrome the highlighted half star wasn't
displaying correctly i.e. it was rending the CA blue, rather than the
yellow.  She noted that the ids of the fills were the same and sure
enough updating the ids so they're different got everything working!

Author: KPobeeNorris

app/views/shared/_highlighted_half_star_svg.html.haml

@@ -1,7 +1,7 @@
 %svg{ width: "0", height: "0", viewBox: "0 0 0 0", "aria-hidden": "true" }
   %symbol{ id: "highlightedHalfStar" }
-    %path{ d: "M8.40002 0L10.1961 5.52786H16.0085L11.3062 8.94427L13.1023 14.4721L8.40002 11.0557L3.69774 14.4721L5.49385 8.94427L0.791572 5.52786H6.60391L8.40002 0Z", fill: "url(#paint0_linear_658_12679)" }
+    %path{ d: "M8.40002 0L10.1961 5.52786H16.0085L11.3062 8.94427L13.1023 14.4721L8.40002 11.0557L3.69774 14.4721L5.49385 8.94427L0.791572 5.52786H6.60391L8.40002 0Z", fill: "url(#paint0_linear_658_12680)" }
     %defs
-      %lineargradient{ id: "paint0_linear_658_12679", x1: "8.15002", y1: "7.00012", x2: "8.65002", y2: "7.00012", gradientUnits: "userSpaceOnUse" }
+      %lineargradient{ id: "paint0_linear_658_12680", x1: "8.15002", y1: "7.00012", x2: "8.65002", y2: "7.00012", gradientUnits: "userSpaceOnUse" }
         %stop{ offset: "0.507812", "stop-color": "#FFD250" }
         %stop{ offset: "0.515625", "stop-color": "white" }