Refactor loading state styling in Datasets and UseCases components for improved UI consistency

Author: sanjaypinna

app/[locale]/(user)/publishers/components/Datasets.tsx

@@ -137,7 +137,7 @@ const Datasets = ({ type }: { type: 'organization' | 'Publisher' }) => {
         )}
       >
         {PublishedDatasetsList.isLoading ? (
-          <div className=" mt-8 flex justify-center">
+          <div className=" flex w-fit justify-center rounded-2 bg-surfaceDefault p-4">
             <Spinner />
           </div>
         ) : (

app/[locale]/(user)/publishers/components/UseCases.tsx

@@ -121,7 +121,7 @@ const UseCases = ({ type }: { type: 'organization' | 'Publisher' }) => {
         )}
       >
         {PublishedUseCasesList.isLoading ? (
-          <div className=" mt-8 flex justify-center">
+          <div className=" flex w-fit justify-center rounded-2 bg-surfaceDefault p-4">
             <Spinner />
           </div>
         ) : (