fix(dashboard): truncate price cell titles (#9715)

Before:
![Screenshot 2024-10-22 at 17 14 56](https://github.com/user-attachments/assets/7ec74e70-c69f-4346-b15a-665fed27e688)

After
![Screenshot 2024-10-22 at 17 26 15](https://github.com/user-attachments/assets/b353c40b-7451-4bdf-9459-1494c18c7531)


Co-authored-by: Kasper Fabricius Kristensen <45367945+kasperkristensen@users.noreply.github.com>

packages/admin/dashboard/src/components/common/tax-badge/tax-badge.tsx

@@ -20,7 +20,9 @@ export const IncludesTaxTooltip = ({
           : t("general.excludesTaxTooltip")
       }
     >
-      <BuildingTax className={clx({ "text-ui-fg-muted": !includesTax })} />
+      <BuildingTax
+        className={clx("shrink-0", { "text-ui-fg-muted": !includesTax })}
+      />
     </Tooltip>
   )
 }

packages/admin/dashboard/src/components/data-grid/helpers/create-data-grid-price-columns.tsx

@@ -45,6 +45,10 @@ export const createDataGridPriceColumns = <
         (p) => p.attribute === "currency_code" && p.value === currency
       )
 
+      const translatedCurrencyName = t("fields.priceTemplate", {
+        regionOrCurrency: currency.toUpperCase(),
+      })
+
       return columnHelper.column({
         id: `currency_prices.${currency}`,
         name: t("fields.priceTemplate", {
@@ -62,9 +66,9 @@ export const createDataGridPriceColumns = <
         type: "number",
         header: () => (
           <div className="flex w-full items-center justify-between gap-3">
-            {t("fields.priceTemplate", {
+            <span className="truncate" title={translatedCurrencyName}>
-              regionOrCurrency: currency.toUpperCase(),
+              {translatedCurrencyName}
-            })}
+            </span>
             <IncludesTaxTooltip includesTax={preference?.is_tax_inclusive} />
           </div>
         ),
@@ -82,6 +86,10 @@ export const createDataGridPriceColumns = <
         (p) => p.attribute === "region_id" && p.value === region.id
       )
 
+      const translatedRegionName = t("fields.priceTemplate", {
+        regionOrCurrency: region.name,
+      })
+
       return columnHelper.column({
         id: `region_prices.${region.id}`,
         name: t("fields.priceTemplate", {
@@ -99,9 +107,9 @@ export const createDataGridPriceColumns = <
         type: "number",
         header: () => (
           <div className="flex w-full items-center justify-between gap-3">
-            {t("fields.priceTemplate", {
+            <span className="truncate" title={translatedRegionName}>
-              regionOrCurrency: region.name,
+              {translatedRegionName}
-            })}
+            </span>
             <IncludesTaxTooltip includesTax={preference?.is_tax_inclusive} />
           </div>
         ),

packages/admin/dashboard/src/routes/regions/region-edit/components/edit-region-form/edit-region-form.tsx

@@ -64,7 +64,6 @@ export const EditRegionForm = ({
         currency_code: values.currency_code.toLowerCase(),
         payment_providers: values.payment_providers,
         is_tax_inclusive: values.is_tax_inclusive,
-        automatic_taxes: values.automatic_taxes,
       },
       {
         onSuccess: () => {