Decouple twenty-ui Avatar from app server-URL config (#21968)

Makes `twenty-ui`'s `Avatar` render the `avatarUrl` it receives instead
of building it from `window._env_`/`window.location` at module load, so
the library no longer depends on the app environment. URL resolution
moves to `twenty-front` via a `getAbsoluteImageUrl` helper applied at
the call sites.

Part of making twenty-ui a standalone library.

packages/twenty-front/src/modules/side-panel/components/SidePanelContextRecordChipAvatars.tsx

@@ -2,6 +2,7 @@ import { useGetStandardObjectIcon } from '@/object-metadata/hooks/useGetStandard
 import { type EnrichedObjectMetadataItem } from '@/object-metadata/types/EnrichedObjectMetadataItem';
 import { useRecordChipData } from '@/object-record/hooks/useRecordChipData';
 import { type ObjectRecord } from '@/object-record/types/ObjectRecord';
+import { getAbsoluteImageUrl } from '~/utils/image/getAbsoluteImageUrl';
 import { styled } from '@linaria/react';
 import { useContext } from 'react';
 import { Avatar } from 'twenty-ui/data-display';
@@ -46,7 +47,7 @@ export const SidePanelContextRecordChipAvatars = ({
         <Icon color={IconColor} size={theme.icon.size.sm} />
       ) : (
         <Avatar
-          avatarUrl={recordChipData.avatarUrl}
+          avatarUrl={getAbsoluteImageUrl(recordChipData.avatarUrl)}
           placeholderColorSeed={recordChipData.recordId}
           placeholder={recordChipData.name}
           type={recordChipData.avatarType}

packages/twenty-front/src/modules/side-panel/components/SidePanelRecordInfo.tsx

@@ -25,6 +25,7 @@ import { FieldMetadataType } from '~/generated-metadata/graphql';
 import { dateLocaleState } from '~/localization/states/dateLocaleState';
 
 import { beautifyPastDateRelativeToNow } from '~/utils/date-utils';
+import { getAbsoluteImageUrl } from '~/utils/image/getAbsoluteImageUrl';
 import { SidePanelPageInfoLayout } from './SidePanelPageInfoLayout';
 
 const StyledClickableTitle = styled.div`
@@ -140,7 +141,7 @@ export const SidePanelRecordInfo = ({
       icon={
         recordIdentifier ? (
           <Avatar
-            avatarUrl={recordIdentifier.avatarUrl}
+            avatarUrl={getAbsoluteImageUrl(recordIdentifier.avatarUrl)}
             placeholder={recordIdentifier.name}
             placeholderColorSeed={objectRecordId}
             size="md"