fix(profile): default state structures animations

src/app/profile/profile-structure/profile-structure.component.ts

@@ -21,10 +21,11 @@ import { UserService } from './../../services/user.service';
   styleUrls: ['./profile-structure.component.scss'],
   animations: [
     trigger('collapse', [
-      state('true', style({ height: AUTO_STYLE, visibility: AUTO_STYLE, marginTop: '10px' })),
+      state('*', style({ height: '0px', visibility: 'hidden', margin: '0' })),
       state('false', style({ height: '0px', visibility: 'hidden', margin: '0' })),
-      transition('true => false', animate('300ms ease-out')),
-      transition('false => true', animate('300ms ease-out')),
+      state('true', style({ height: AUTO_STYLE, visibility: AUTO_STYLE, marginTop: '10px' })),
+      transition('true => *', animate('300ms ease-in')),
+      transition('* => true', animate('300ms ease-out')),
     ]),
   ],
 })