Improve mobile responsiveness and UI consistency across order pages and dashboard

- Updated payment success and cancel pages to match order details layout
- Made dashboard fully responsive with improved mobile layouts
- Added missing venue address to order pages
- Standardized styling and spacing across all order-related pages
- Improved PDF ticket generator formatting

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>

app/views/orders/show.html.erb

@@ -13,7 +13,7 @@
       <!-- Event & Order Details -->
       <div class="bg-white rounded-2xl shadow-xl p-6 md:p-8">
         <div class="border-b border-gray-200 pb-6 mb-6">
-          <h2 class="text-2xl font-bold text-gray-900 mb-2">Détails de Votre Commande</h2>
+          <h2 class="text-2xl font-bold text-gray-900 mb-2">Informations</h2>
           <div class="flex items-center text-sm text-gray-600 space-x-4">
             <div class="flex items-center">
               <svg class="w-4 h-4 mr-2 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -33,7 +33,11 @@
                 <% end %>
               </svg>
               <span class="<%= @order.status == 'paid' || @order.status == 'completed' ? 'text-green-600' : 'text-yellow-600' %> font-medium">
-                <%= @order.status.humanize %>
+                <%= case @order.status
+                    when 'paid' then 'Payé'
+                    when 'completed' then 'Terminé'
+                    else @order.status.humanize
+                    end %>
               </span>
             </div>
           </div>