[WEB-310] dev: private bucket implementation (#5793)

* chore: migrations and backmigration to move attachments to file asset

* chore: move attachments to file assets

* chore: update migration file to include created by and updated by and size

* chore: remove uninmport errors

* chore: make size as float field

* fix: file asset uploads

* chore: asset uploads migration changes

* chore: v2 assets endpoint

* chore: remove unused imports

* chore: issue attachments

* chore: issue attachments

* chore: workspace logo endpoints

* chore: private bucket changes

* chore: user asset endpoint

* chore: add logo_url validation

* chore: cover image urlk

* chore: change asset max length

* chore: pages endpoint

* chore: store the storage_metadata only when none

* chore: attachment asset apis

* chore: update create private bucket

* chore: make bucket private

* chore: fix response of user uploads

* fix: response of user uploads

* fix: job to fix file asset uploads

* fix: user asset endpoints

* chore: avatar for user profile

* chore: external apis user url endpoint

* chore: upload workspace and user asset actions updated

* chore: analytics endpoint

* fix: analytics export

* chore: avatar urls

* chore: update user avatar instances

* chore: avatar urls for assignees and creators

* chore: bucket permission script

* fix: all user avatr instances in the web app

* chore: update project cover image logic

* fix: issue attachment endpoint

* chore: patch endpoint for issue attachment

* chore: attachments

* chore: change attachment storage class

* chore: update issue attachment endpoints

* fix: issue attachment

* chore: update issue attachment implementation

* chore: page asset endpoints

* fix: web build errors

* chore: attachments

* chore: page asset urls

* chore: comment and issue asset endpoints

* chore: asset endpoints

* chore: attachment endpoints

* chore: bulk asset endpoint

* chore: restore endpoint

* chore: project assets endpoints

* chore: asset url

* chore: add delete asset endpoints

* chore: fix asset upload endpoint

* chore: update patch endpoints

* chore: update patch endpoint

* chore: update editor image handling

* chore: asset restore endpoints

* chore: avatar url for space assets

* chore: space app assets migration

* fix: space app urls

* chore: space endpoints

* fix: old editor images rendering logic

* fix: issue archive and attachment activity

* chore: asset deletes

* chore: attachment delete

* fix: issue attachment

* fix: issue attachment get

* chore: cover image url for projects

* chore: remove duplicate py file

* fix: url check function

* chore: chore project cover asset delete

* fix: migrations

* chore: delete migration files

* chore: update bucket

* fix: build errors

* chore: add asset url in intake attachment

* chore: project cover fix

* chore: update next.config

* chore: delete old workspace logos

* chore: workspace assets

* chore: asset get for space

* chore: update project modal

* chore: remove unused imports

* fix: space app editor helper

* chore: update rich-text read-only editor

* chore: create multiple column for entity identifiers

* chore: update migrations

* chore: remove entity identifier

* fix: issue assets

* chore: update maximum file size logic

* chore: update editor max file size logic

* fix: close modal after removing workspace logo

* chore: update uploaded asstes' status post issue creation

* chore: added file size limit to the space app

* dev: add file size limit restriction on all endpoints

* fix: remove old workspace logo and user avatar

---------

Co-authored-by: pablohashescobar <nikhilschacko@gmail.com>

web/core/components/profile/sidebar.tsx

@@ -19,6 +19,7 @@ import { Logo } from "@/components/common";
 // helpers
 import { cn } from "@/helpers/common.helper";
 import { renderFormattedDate } from "@/helpers/date-time.helper";
+import { getFileURL } from "@/helpers/file.helper";
 // hooks
 import { useAppTheme, useProject, useUser } from "@/hooks/store";
 import { usePlatformOS } from "@/hooks/use-platform-os";
@@ -41,6 +42,8 @@ export const ProfileSidebar: FC<TProfileSidebar> = observer((props) => {
   const { profileSidebarCollapsed, toggleProfileSidebar } = useAppTheme();
   const { getProjectById } = useProject();
   const { isMobile } = usePlatformOS();
+  // derived values
+  const userData = userProjectsData?.user_data;
 
   useOutsideClickDetector(ref, () => {
     if (profileSidebarCollapsed === false) {
@@ -53,11 +56,11 @@ export const ProfileSidebar: FC<TProfileSidebar> = observer((props) => {
   const userDetails = [
     {
       label: "Joined on",
-      value: renderFormattedDate(userProjectsData?.user_data.date_joined ?? ""),
+      value: renderFormattedDate(userData?.date_joined ?? ""),
     },
     {
       label: "Timezone",
-      value: <ProfileSidebarTime timeZone={userProjectsData?.user_data.user_timezone} />,
+      value: <ProfileSidebarTime timeZone={userData?.user_timezone} />,
     },
   ];
 
@@ -97,20 +100,24 @@ export const ProfileSidebar: FC<TProfileSidebar> = observer((props) => {
               </div>
             )}
             <img
-              src={userProjectsData.user_data?.cover_image ?? "/users/user-profile-cover-default-img.png"}
-              alt={userProjectsData.user_data?.display_name}
+              src={
+                userData?.cover_image_url
+                  ? getFileURL(userData?.cover_image_url)
+                  : "/users/user-profile-cover-default-img.png"
+              }
+              alt={userData?.display_name}
               className="h-[110px] w-full object-cover"
             />
             <div className="absolute -bottom-[26px] left-5 h-[52px] w-[52px] rounded">
-              {userProjectsData.user_data?.avatar && userProjectsData.user_data?.avatar !== "" ? (
+              {userData?.avatar_url && userData?.avatar_url !== "" ? (
                 <img
-                  src={userProjectsData.user_data?.avatar}
-                  alt={userProjectsData.user_data?.display_name}
+                  src={getFileURL(userData?.avatar_url)}
+                  alt={userData?.display_name}
                   className="h-full w-full rounded object-cover"
                 />
               ) : (
                 <div className="flex h-[52px] w-[52px] items-center justify-center rounded bg-custom-background-90 capitalize text-custom-text-100">
-                  {userProjectsData.user_data?.first_name?.[0]}
+                  {userData?.first_name?.[0]}
                 </div>
               )}
             </div>
@@ -118,9 +125,9 @@ export const ProfileSidebar: FC<TProfileSidebar> = observer((props) => {
           <div className="px-5">
             <div className="mt-[38px]">
               <h4 className="text-lg font-semibold">
-                {userProjectsData.user_data?.first_name} {userProjectsData.user_data?.last_name}
+                {userData?.first_name} {userData?.last_name}
               </h4>
-              <h6 className="text-sm text-custom-text-200">({userProjectsData.user_data?.display_name})</h6>
+              <h6 className="text-sm text-custom-text-200">({userData?.display_name})</h6>
             </div>
             <div className="mt-6 space-y-5">
               {userDetails.map((detail) => (