[PM-9707] [Boostrap] Fix avatar and customize placement (#10093)

The Avatar customize button appeared below the avatar after removing Boostrap. This resolves it by adding flex, it also has the added benefit of aligning the button vertically as it's currently slightly misaligned.

apps/web/src/app/auth/settings/account/profile.component.html

@@ -19,8 +19,8 @@
       </bit-form-field>
     </div>
     <div class="tw-col-span-6">
-      <div class="tw-mb-3">
-        <dynamic-avatar text="{{ profile | userName }}" [id]="profile.id" [size]="'large'">
+      <div class="tw-mb-3 tw-flex tw-align-middle tw-items-center">
+        <dynamic-avatar text="{{ profile | userName }}" [id]="profile.id" size="large">
         </dynamic-avatar>
         <button
           class="tw-ml-3"