Enable better-tailwindcss/no-unnecessary-whitespace (#39007)

GitOrigin-RevId: 358ff5212e845c755334787e508eb77cfc915535

Author: Nicolapps

npm-packages/dashboard-common/.eslintrc.cjs

@@ -185,8 +185,6 @@ module.exports = {
     "better-tailwindcss/enforce-consistent-line-wrapping": "off",
     // Disable enforce-consistent-class-order temporarily (will enable later + blame-ignore diff)
     "better-tailwindcss/enforce-consistent-class-order": "off",
-    // Disable no-unnecessary-whitespace temporarily (will enable later + blame-ignore diff)
-    "better-tailwindcss/no-unnecessary-whitespace": "off",
     "better-tailwindcss/no-unregistered-classes": [
       "error",
       {

npm-packages/dashboard-common/src/elements/DetailPanel.tsx

@@ -70,7 +70,7 @@ export function DetailPanel({
                   </div>
 
                   <div className="relative flex-1 px-4 py-6 sm:px-6">
-                    <div className="absolute inset-6 ">{detailContent}</div>
+                    <div className="absolute inset-6">{detailContent}</div>
                   </div>
                 </div>
               </div>

npm-packages/dashboard-common/src/features/data/components/Table/EditDocumentPanel/JavascriptDocumentsForm.tsx

@@ -126,7 +126,7 @@ export function JavascriptDocumentsForm({
           mode={mode}
         />
       </div>
-      <div className="flex max-h-40 w-full grow  bg-background-secondary px-4 py-2 sm:px-6">
+      <div className="flex max-h-40 w-full grow bg-background-secondary px-4 py-2 sm:px-6">
         <div className="float-right flex w-full grow items-center justify-end gap-4 whitespace-pre-line">
           {validationMessage && (
             <p

npm-packages/dashboard-common/src/features/data/components/Table/ViewDocument.tsx

@@ -130,7 +130,7 @@ export function ViewDocument({
                       fieldSchema={documentValidator.value[column]}
                       columnName={column}
                     >
-                      <code className="ml-auto  truncate text-right text-xs text-content-tertiary">
+                      <code className="ml-auto truncate text-right text-xs text-content-tertiary">
                         {displayObjectFieldSchema(
                           documentValidator.value[column],
                         )}

npm-packages/dashboard-common/src/features/functionRunner/components/FunctionRunnerWrapper.tsx

@@ -117,7 +117,7 @@ export function FunctionRunnerWrapper({
             <FunctionIcon className="h-8 w-8" />
           </div>
 
-          <div className="ml-1 select-none flex-col items-center gap-1 whitespace-nowrap  transition-all">
+          <div className="ml-1 select-none flex-col items-center gap-1 whitespace-nowrap transition-all">
             Run functions
             <div className="flex w-full items-center gap-0.5 text-xs">
               Shortcut:

npm-packages/dashboard-common/src/features/schedules/components/crons/CronJobsContent.tsx

@@ -284,7 +284,7 @@ const statusTypes: {
 function LogStatusLine({ status }: { status: CronJobLog["status"] }) {
   const { textColor, Icon } = statusTypes[status.type];
   return (
-    <div className={`flex items-center gap-1 ${textColor} `}>
+    <div className={`flex items-center gap-1 ${textColor}`}>
       <Icon className="h-3.5 w-3.5" />
       <span className={`w-16 ${textColor}`}>
         {status.type === "success" ? (

npm-packages/dashboard-common/src/features/settings/components/EnvironmentVariables.tsx

@@ -337,7 +337,7 @@ function DisplayEnvVar<T extends BaseEnvironmentVariable>({
             icon={showValue ? <EyeNoneIcon /> : <EyeOpenIcon />}
           />
           {showValue ? (
-            <span className=" truncate text-content-primary">
+            <span className="truncate text-content-primary">
               {environmentVariable.value}
             </span>
           ) : (

npm-packages/dashboard-common/src/lib/deploymentContext.tsx

@@ -621,7 +621,7 @@ function SelfHostedDisconnectOverlay({
 }) {
   return (
     <div
-      className="absolute z-50  mt-[3.5rem] flex h-[calc(100vh-3.5rem)] w-full items-center justify-center"
+      className="absolute z-50 mt-[3.5rem] flex h-[calc(100vh-3.5rem)] w-full items-center justify-center"
       style={{
         backdropFilter: "blur(0.5rem)",
       }}

npm-packages/dashboard/src/components/billing/Invoices.tsx

@@ -32,7 +32,7 @@ function InvoicesTable({ invoices }: { invoices: InvoiceResponse[] }) {
   return (
     <div className="max-h-[30rem] overflow-y-auto rounded-sm border scrollbar">
       <table className="w-full">
-        <thead className="sticky top-0 z-10 border-b bg-background-secondary  ">
+        <thead className="sticky top-0 z-10 border-b bg-background-secondary">
           <tr>
             <th className={cn(headerClass, "pl-2")}>Invoice</th>
             <th className={headerClass}>Issue Date</th>

npm-packages/dashboard/src/components/login/VHSLoginPage.tsx

@@ -35,7 +35,7 @@ export function VHSLoginPage({ returnTo }: { returnTo?: string }) {
 
 function VHSTape({ isLoggingIn }: { isLoggingIn: boolean }) {
   return (
-    <div className="z-20 flex w-full flex-col items-center rounded-b-md px-16 pb-8 ">
+    <div className="z-20 flex w-full flex-col items-center rounded-b-md px-16 pb-8">
       <div
         className={classNames(
           "relative transition-all duration-150 ease-in-out",