Show storage bonus on web

apps/photos/src/components/Sidebar/SubscriptionCard/contentOverlay/family/index.tsx

@@ -29,7 +29,10 @@ export function FamilySubscriptionCardContent({ userDetails }: Iprops) {
                 userUsage={userDetails.usage}
                 fileCount={userDetails.fileCount}
                 totalUsage={totalUsage}
-                totalStorage={userDetails.familyData.storage}
+                totalStorage={
+                    userDetails.familyData.storage +
+                    (userDetails.storageBonus ?? 0)
+                }
             />
         </>
     );

apps/photos/src/components/Sidebar/SubscriptionCard/contentOverlay/individual/index.tsx

@@ -17,7 +17,10 @@ export function IndividualSubscriptionCardContent({ userDetails }: Iprops) {
             <IndividualUsageSection
                 usage={userDetails.usage}
                 fileCount={userDetails.fileCount}
-                storage={userDetails.subscription.storage}
+                storage={
+                    userDetails.subscription.storage +
+                    (userDetails.storageBonus ?? 0)
+                }
             />
         </>
     );

apps/photos/src/types/user/index.ts

@@ -86,6 +86,7 @@ export interface UserDetails {
     sharedCollectionCount: number;
     subscription: Subscription;
     familyData?: FamilyData;
+    storageBonus?: number;
 }
 
 export interface DeleteChallengeResponse {