Update syntax highlight css tag usage for dynamic preview

Author: rossta

app/views/application/theme/_code.html.erb

@@ -1,2 +1 @@
-<%#= vite_stylesheet_tag "entrypoints/code/dracula.css", media: "all", "data-turbo-track": "reload" %>
-<%= stylesheet_link_tag find_syntax_highlight.asset_path, media: "all", "data-turbo-track": "reload" %>
+<%= stylesheet_link_tag find_syntax_highlight.asset_path, media: "all", data: { turbo_track: "reload", syntax_highlight: find_syntax_highlight.name } %>

app/views/settings/syntax_highlights/form.rb

@@ -11,11 +11,9 @@ def initialize(current_highlight:, available_highlights:)
   end
 
   def view_template
-    div(class: "grid grid-content") do
-      # if @current_highlight != Settings::SyntaxHighlight.default
-      stylesheet_link_tag @current_highlight.asset_path
-      # end
+    stylesheet_link_tag @current_highlight.asset_path, data: {syntax_highlight: @current_highlight.name}
 
+    div(class: "grid grid-content", data: {controller: "syntax-highlight-preview", syntax_highlight_preview_name_value: @current_highlight.name}) do
       p {
         plain %(Current syntax highlight style:)
         strong { @current_highlight.name }