[front] - refactor: extract user image URL logic into a separate func…

…tion

 - Centralizes the retrieval of a user's image URL in a single function for better code reusability
 - Updates `getServerSideProps` to use the new function when fetching user image URL for data source objects

front/pages/w/[wId]/builder/data-sources/managed.tsx

@@ -150,6 +150,10 @@ export async function setupConnection({
   return new Ok(connectionId);
 }
 
+function getUserImageUrl(dataSource: DataSourceType) {
+  return dataSource.editedByUser?.imageUrl ?? null;
+}
+
 export const getServerSideProps = withDefaultUserAuthRequirements<{
   owner: WorkspaceType;
   subscription: SubscriptionType;
@@ -207,7 +211,7 @@ export const getServerSideProps = withDefaultUserAuthRequirements<{
             connector: null,
             fetchConnectorError: true,
             fetchConnectorErrorMessage: statusRes.error.message,
-            editedByUser: mds.editedByUser?.imageUrl ?? null,
+            editedByUser: getUserImageUrl(mds),
             usage: await getDataSourceUsage({
               auth,
               dataSource: mds,
@@ -220,7 +224,7 @@ export const getServerSideProps = withDefaultUserAuthRequirements<{
           connector: statusRes.value,
           fetchConnectorError: false,
           fetchConnectorErrorMessage: null,
-          editedByUser: mds.editedByUser?.imageUrl ?? null,
+          editedByUser: getUserImageUrl(mds),
           usage: await getDataSourceUsage({
             auth,
             dataSource: mds,
@@ -236,7 +240,7 @@ export const getServerSideProps = withDefaultUserAuthRequirements<{
           connector: null,
           fetchConnectorError: true,
           fetchConnectorErrorMessage: "Synchonization service is down",
-          editedByUser: mds.editedByUser?.imageUrl ?? "",
+          editedByUser: getUserImageUrl(mds),
           usage: null,
         };
       }