Update templates/menu.html

templates/menu.html

@@ -344,7 +344,7 @@
     <script>
         function showItemDetails(name, price, image, description, section, selectedCategory) {
             document.getElementById('modal-name').innerText = name;
-            document.getElementById('modal-price').innerText = `${price}`;
+            document.getElementById('modal-price').innerText = `$${price}`;
             document.getElementById('modal-img').src = image || '/static/placeholder.jpg';
             document.getElementById('modal-description').innerText = description || 'No description available.';
             document.getElementById('addons-list').innerHTML = 'Loading customization options...';
@@ -389,7 +389,7 @@
                                 <input type="checkbox" class="form-check-input addon-option" id="${optionId}" value="${option}"
                                        data-name="${option}" data-price="${addon.extra_charge ? addon.extra_charge_amount : 0}">
                                 <label class="form-check-label" for="${optionId}">
-                                    ${option} ${addon.extra_charge ? `(${addon.extra_charge_amount})` : ''}
+                                    ${option} ${addon.extra_charge ? `($${addon.extra_charge_amount})` : ''}
                                 </label>
                             `;
                             optionsContainer.appendChild(listItem);