Add Twenty Shared & Fix profile image rendering (#8841)

PR Summary: 

1. Added `Twenty Shared` Package to centralize utilitiies as mentioned
in #8942
2. Optimization of `getImageAbsoluteURI.ts` to handle edge cases


![image](https://github.com/user-attachments/assets/c72a3061-6eba-46b8-85ac-869f06bf23c0)

---------

Co-authored-by: Antoine Moreaux <moreaux.antoine@gmail.com>
Co-authored-by: Charles Bochet <charles@twenty.com>

packages/twenty-front/src/modules/ui/utilities/page-favicon/components/PageFavicon.tsx

@@ -1,18 +1,23 @@
 import { workspacePublicDataState } from '@/auth/states/workspacePublicDataState';
 import { Helmet } from 'react-helmet-async';
 import { useRecoilValue } from 'recoil';
-import { getImageAbsoluteURI } from 'twenty-ui';
+import { getImageAbsoluteURI } from 'twenty-shared';
+import { REACT_APP_SERVER_BASE_URL } from '~/config';
 
 export const PageFavicon = () => {
   const workspacePublicData = useRecoilValue(workspacePublicDataState);
-
   return (
     <Helmet>
       {workspacePublicData?.logo && (
         <link
           rel="icon"
           type="image/x-icon"
-          href={getImageAbsoluteURI(workspacePublicData.logo)}
+          href={
+            getImageAbsoluteURI({
+              imageUrl: workspacePublicData.logo,
+              baseUrl: REACT_APP_SERVER_BASE_URL,
+            }) ?? ''
+          }
         />
       )}
     </Helmet>