fix: Fix multiple bugs with new authentication flow

toju-app/src/app/domains/direct-message/feature/find-people/find-people.component.html

@@ -25,6 +25,8 @@
         />
         <input
           type="text"
+          appAutoFocus
+          appSelectOnFocus
           [attr.aria-label]="'dm.find.searchAriaLabel' | translate"
           class="h-10 w-full rounded-lg border border-border bg-secondary py-2 pl-10 pr-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary"
           [placeholder]="'dm.find.searchPlaceholder' | translate"

toju-app/src/app/domains/direct-message/feature/find-people/find-people.component.ts

@@ -17,6 +17,10 @@ import {
 } from '@ng-icons/lucide';
 
 import { AppI18nService, APP_TRANSLATE_IMPORTS } from '../../../../core/i18n';
+import {
+  AutoFocusDirective,
+  SelectOnFocusDirective
+} from '../../../../shared/directives';
 import { UserSearchListComponent } from '../user-search-list/user-search-list.component';
 import { selectAllUsers } from '../../../../store/users/users.selectors';
 import { selectSavedRooms } from '../../../../store/rooms/rooms.selectors';
@@ -35,6 +39,8 @@ import { selectSavedRooms } from '../../../../store/rooms/rooms.selectors';
     RouterLink,
     NgIcon,
     UserSearchListComponent,
+    AutoFocusDirective,
+    SelectOnFocusDirective,
     ...APP_TRANSLATE_IMPORTS
   ],
   viewProviders: [provideIcons({ lucideArrowLeft, lucideSearch, lucideUsers })],