feat(app): Feed, recipe, blog posts, diet and plan show and index pages, state management, API implementation and layouts

lib/presentation/profile/my_profile_screen/my_profile_screen.dart

@@ -140,12 +140,13 @@ class MyProfileScreen extends StatelessWidget {
 
   /// Section Widget
   _buildInfo(BuildContext context, MyProfileLoadedState state) {
-    return Column(children: [
-      GestureDetector(
-          onTap: addImage(context),
+    return Column(
+      children: [
+        GestureDetector(
+          onTap: () => addImage(context),
           child: CachedNetworkImage(
-            imageUrl:
-                dotenv.env['STORAGE_URL']! + state.user?['profile_photo_path'],
+            imageUrl: dotenv.env['STORAGE_URL']! +
+                (state.user?['profile_photo_path'] ?? ''),
             imageBuilder: (context, imageProvider) => CircleAvatar(
               backgroundImage: imageProvider,
               radius: 60,
@@ -153,14 +154,16 @@ class MyProfileScreen extends StatelessWidget {
             placeholder: (context, url) => CircularProgressIndicator(),
             errorWidget: (context, url, error) => CircleAvatar(
               child: Icon(Icons.person),
-              backgroundColor: Colors.grey[200],
+              backgroundColor: Colors.white,
               radius: 60,
             ),
-          )),
-      AppbarSubtitle(text: state.user?['name']),
-      SizedBox(height: 20.v),
-      Text(state.userDetails?['additional_info']),
-    ]);
+          ),
+        ),
+        AppbarSubtitle(text: state.user?['name'] ?? ''),
+        SizedBox(height: 20.v),
+        Text(state.userDetails?['additional_info'] ?? ''),
+      ],
+    );
   }
 
   addImage(BuildContext context) {