Fix formula pages mobile responsiveness; fix missing mobile tabs

- Custom Formulas and Timeclock tabs were completely missing from the mobile
  dropdown selector, making them unreachable on phones; also adds AI Profile
  and Online Payments which were similarly absent
- Formula library header: flex-column on mobile so title and button stack
  cleanly instead of colliding
- Filter bar: icon-only button gets a visible label on mobile; added col-12
  so it renders full-width correctly at xs
- Import modal: add modal-dialog-scrollable so body scrolls on small screens;
  wrap field table in table-responsive to prevent horizontal overflow
- Settings card header: flex-column on mobile + flex-wrap on button group
  so the three buttons don't overflow off the right edge

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/PowderCoating.Web/Views/CompanySettings/Index.cshtml

@@ -27,6 +27,10 @@
         <select class="form-select" id="mobileTabSelector">
             <option value="company-info" selected>Company Info</option>
             <option value="operating-costs">Operating Costs</option>
+            @if (Model.AiPhotoQuotesEnabled)
+            {
+            <option value="ai-profile">AI Profile</option>
+            }
             <option value="quoting-calibration">Shop Equipment Profile</option>
             <option value="app-defaults">App Defaults</option>
             <option value="job-defaults">Job &amp; Workflow</option>
@@ -34,7 +38,16 @@
             <option value="data-retention">Data Retention</option>
             <option value="data-lookups">Data Lookups</option>
             <option value="pdf-templates">PDF Templates</option>
+            @if (Model.AllowOnlinePayments)
+            {
+            <option value="online-payments">Online Payments</option>
+            }
             <option value="kiosk">Kiosk</option>
+            <option value="timeclock">Timeclock</option>
+            @if (ViewBag.AllowCustomFormulas == true)
+            {
+            <option value="custom-formulas">Custom Formulas</option>
+            }
         </select>
     </div>
 
@@ -2174,9 +2187,9 @@
         {
         <div class="tab-pane fade" id="custom-formulas" role="tabpanel">
             <div class="card shadow-sm mt-3">
-                <div class="card-header d-flex justify-content-between align-items-center">
+                <div class="card-header d-flex justify-content-between align-items-start align-items-sm-center flex-column flex-sm-row gap-2">
                     <h5 class="mb-0"><i class="bi bi-calculator me-2"></i>Custom Formula Item Templates</h5>
-                    <div class="d-flex gap-2">
+                    <div class="d-flex flex-wrap gap-2">
                         <a asp-controller="FormulaLibrary" asp-action="Index"
                            class="btn btn-outline-info btn-sm">
                             <i class="bi bi-collection me-1"></i>Community Library