refactor: rewrite oauth setup for the new api

src/components/OAuthProviders/OAuthProviders.html

@@ -1,4 +1,4 @@
-@if (providers.length !== 0) {
+@if (!loading && providers.length !== 0) {
   <hr/>
   <div>
     <p class="mat-body-2 secondary">{{ message }}</p>
@@ -17,4 +17,7 @@
       }
     </div>
   </div>
+} @else if (loading) {
+  <hr/>
+  <app-data-spinner style="display: flex; justify-content: center;"/>
 }