chore: fix Spin usage in antd 6.3.0 (#2647)

* chore: adjust Spin usage for antd 6.3.0

* remove blur mask override as it is now off by default

Author: eglitise

app/common/renderer/assets/stylesheets/main.css

@@ -26,10 +26,6 @@ body::-webkit-scrollbar-corner {
   height: 100%;
 }
 
-#root .ant-spin-nested-loading > div > .ant-spin {
-  max-height: initial;
-}
-
 .window {
   background-color: #cde4f5 !important;
   width: 100%;
@@ -40,7 +36,7 @@ body::-webkit-scrollbar-corner {
   background-color: #662d91 !important;
 }
 
-.ant-spin-nested-loading,
+.ant-spin,
 .ant-spin-container {
   height: 100%;
 }

app/common/renderer/components/SessionBuilder/SessionBuilder.jsx

@@ -117,7 +117,7 @@ const Session = (props) => {
   ]);
 
   return [
-    <Spin spinning={!!newSessionLoading} key="main">
+    <Spin size="large" spinning={!!newSessionLoading} key="main">
       <div className={styles.sessionContainer}>
         <div className={styles.sessionHeader}>
           <Tabs

app/common/renderer/components/SessionInspector/Header/LocatorTestModal.jsx

@@ -30,7 +30,6 @@ const LocatorTestModal = (props) => {
       open={isLocatorTestModalVisible}
       title={t('Search for element')}
       onCancel={onCancel}
-      mask={{blur: false}}
       footer={
         <>
           {locatedElements && (

app/common/renderer/components/SessionInspector/SourceTab/SelectedElement/SelectedElement.jsx

@@ -11,6 +11,11 @@ import SelectedElementLocatorsTable from './SelectedElementLocatorsTable.jsx';
 import SnapshotMaxDepthReachedMessage from './SnapshotMaxDepthReachedMessage.jsx';
 import XpathNotRecommendedMessage from './XpathNotRecommendedMessage.jsx';
 
+/**
+ * Placeholder shown for the element ID while the element search is in progress.
+ */
+const ElementIdLoader = () => <Spin styles={{root: {width: 20}}}> </Spin>;
+
 /**
  * The full panel for the selected element.
  */
@@ -38,7 +43,7 @@ const SelectedElement = (props) => {
   }));
   elementAttributesData.unshift({
     key: 'elementId',
-    value: selectedElementSearchInProgress ? <Spin /> : selectedElementId,
+    value: selectedElementSearchInProgress ? <ElementIdLoader /> : selectedElementId,
     name: 'elementId',
   });