Fix organization profile image size with proper width and height

src/EventHub.Web/Pages/Organizations/Edit.cshtml

@@ -34,7 +34,7 @@
                         <div class="form-group">
                             <label>@L["ProfilePicture"]</label>
                             <div class="custom-file">
-                                <input id="organization-profile-picture" type="file" class="custom-file-input form-control" required="required">
+                                <input id="organization-profile-picture" type="file" class="custom-file-input form-control">
                                 <label id="choose-cover-image" class="custom-file-label" for="customFile">@L["ChooseOrganizationProfilePicture"]</label>
                                 <small id="Organization_ProfilePictureInfoText" class="form-text text-muted mt-2">@L["OrganizationProfilePictureInfo"]</small>
                             </div>

src/EventHub.Web/Pages/Organizations/Edit.cshtml.cs

@@ -86,7 +86,6 @@ namespace EventHub.Web.Pages.Organizations
         [Required]
         public Guid OrganizationId { get; set; }
 
-        [Required]
         [DataType(DataType.Upload)]
         [MaxFileSize(OrganizationConsts.MaxProfilePictureFileSize)] 
         [AllowedExtensions(new string[] { ".jpg", ".png", ".jpeg" })]

src/EventHub.Web/Pages/Organizations/Edit.js

@@ -76,6 +76,10 @@ $(function () {
         var organizationId = document.getElementById("organization-id").value;
         var organizationName = document.getElementById("organization-name").value;
 
+        if(file === undefined) {
+            file = null;
+        }
+        
         var formData = new FormData();
         formData.append("OrganizationId", organizationId);
         formData.append("ProfilePictureFile", file);

src/EventHub.Web/Pages/Organizations/Index.cshtml

@@ -11,11 +11,11 @@
             <abp-card class="mb-3">
                 @if (organization.ProfilePictureContent == null)
                 {
-                    <img abp-card-image="Top" src="https://picsum.photos/seed/@organization.Name/400/160?blur=8" alt="@organization.DisplayName"/>
+                    <img abp-card-image="Top" style="max-height: 200px; min-height: 150px;" src="https://picsum.photos/seed/@organization.Name/400/160?blur=8" alt="@organization.DisplayName"/>
                 }
                 else
                 {
-                    <img abp-card-image="Top" src="@($"data:image/png;base64,{Convert.ToBase64String(organization.ProfilePictureContent)}")" alt="@organization.DisplayName"/>
+                    <img abp-card-image="Top" style="max-height: 200px; min-height: 150px;" src="@($"data:image/png;base64,{Convert.ToBase64String(organization.ProfilePictureContent)}")" alt="@organization.DisplayName"/>
                 }
                 <abp-card-body>
                     <abp-card-title>@organization.DisplayName</abp-card-title>

src/EventHub.Web/Pages/Organizations/Profile.cshtml

@@ -11,14 +11,14 @@
     <abp-column size-lg="_8" size-md="_6">
         <abp-row>
             <abp-column size-lg="_12">
-                <abp-card class="mb-3">
+                <abp-card class="mb-3" >
                     @if (Model.Organization.ProfilePictureContent == null)
                     {
-                        <img abp-card-image="Top" src="https://picsum.photos/seed/@Model.Name/1920/400?blur=8" alt="@Model.Organization.DisplayName"/>
+                        <img abp-card-image="Top" style="max-height: 300px; min-height: 200px;" src="https://picsum.photos/seed/@Model.Name/1920/400?blur=8" alt="@Model.Organization.DisplayName"/>
                     }
                     else
                     {
-                        <img abp-card-image="Top" src="@($"data:image/png;base64,{Convert.ToBase64String(Model.Organization.ProfilePictureContent)}")" alt="@Model.Organization.DisplayName"/>
+                        <img abp-card-image="Top" style="max-height: 300px; min-height: 200px;" src="@($"data:image/png;base64,{Convert.ToBase64String(Model.Organization.ProfilePictureContent)}")" alt="@Model.Organization.DisplayName"/>
                     }
                     <abp-card-body>
                         <abp-card-title>