feat: Display ticket based on `qr_code` field

- Previously ticket was displayed using id which is too easy to find
- Now the URL takes ``qr_code`` field as parameters

app/views/tickets/show.html.erb

@@ -131,9 +131,7 @@
                 <label class="block text-sm font-medium text-gray-500 mb-1">QR Code</label>
                 <div class="bg-gray-50 rounded-lg p-4 text-center">
                   <div class="inline-block bg-white p-4 rounded-lg shadow-sm">
-                    <div data-controller="qr-code"
-                         data-qr-code-data-value="<%= @ticket.qr_code %>"
-                         class="w-32 h-32">
+                    <div data-controller="qr-code" data-qr-code-data-value="<%= @ticket.qr_code %>" class="w-32 h-32">
                       <!-- Loading indicator -->
                       <div data-qr-code-target="loading" class="w-32 h-32 bg-gray-100 rounded flex items-center justify-center">
                         <div class="animate-spin rounded-full h-8 w-8 border-b-2 border-purple-600"></div>
@@ -161,7 +159,7 @@
             <% end %>
 
             <% if @ticket.status == 'active' %>
-              <%= link_to "#",
+              <%= link_to ticket_download_path(@ticket.qr_code),
                           class: "flex-1 bg-gradient-to-r from-purple-600 to-indigo-600 hover:from-purple-700 hover:to-indigo-700 text-white font-medium py-3 px-6 rounded-xl shadow-sm transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:ring-offset-2 transform hover:-translate-y-0.5 text-center" do %>
                 <svg class="w-4 h-4 inline-block mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>