chore(prettier): full repo linting and code reformatting once and for all (#3627)

extensions/default/src/Components/DataSourceConfigurationComponent.tsx

@@ -18,13 +18,10 @@ function DataSourceConfigurationComponent({
 
   const { customizationService } = servicesManager.services;
 
-  const [configurationAPI, setConfigurationAPI] = useState<
-    Types.BaseDataSourceConfigurationAPI
-  >();
+  const [configurationAPI, setConfigurationAPI] = useState<Types.BaseDataSourceConfigurationAPI>();
 
-  const [configuredItems, setConfiguredItems] = useState<
-    Array<Types.BaseDataSourceConfigurationAPIItem>
-  >();
+  const [configuredItems, setConfiguredItems] =
+    useState<Array<Types.BaseDataSourceConfigurationAPIItem>>();
 
   useEffect(() => {
     let shouldUpdate = true;
@@ -37,9 +34,7 @@ function DataSourceConfigurationComponent({
       }
 
       const { factory: configurationAPIFactory } =
-        customizationService.get(
-          activeDataSourceDef.configuration.configurationAPI
-        ) ?? {};
+        customizationService.get(activeDataSourceDef.configuration.configurationAPI) ?? {};
 
       if (!configurationAPIFactory) {
         return;
@@ -95,24 +90,25 @@ function DataSourceConfigurationComponent({
   }, [configurationAPI, configuredItems, showConfigurationModal]);
 
   return configuredItems ? (
-    <div className="flex text-aqua-pale overflow-hidden items-center">
+    <div className="text-aqua-pale flex items-center overflow-hidden">
       <Icon
         name="settings"
-        className="cursor-pointer shrink-0 w-3.5 h-3.5 mr-2.5"
+        className="mr-2.5 h-3.5 w-3.5 shrink-0 cursor-pointer"
         onClick={showConfigurationModal}
       ></Icon>
       {configuredItems.map((item, itemIndex) => {
         return (
-          <div key={itemIndex} className="flex overflow-hidden">
+          <div
+            key={itemIndex}
+            className="flex overflow-hidden"
+          >
             <div
               key={itemIndex}
-              className="text-ellipsis whitespace-nowrap overflow-hidden"
+              className="overflow-hidden text-ellipsis whitespace-nowrap"
             >
               {item.name}
             </div>
-            {itemIndex !== configuredItems.length - 1 && (
-              <div className="px-2.5">|</div>
-            )}
+            {itemIndex !== configuredItems.length - 1 && <div className="px-2.5">|</div>}
           </div>
         );
       })}