feat: Implement authentication provider management components

- Added new templates for managing authentication providers, including forms for creating and editing providers.
- Implemented backend logic to handle retrieval, creation, and deletion of authentication providers.
- Introduced new database migrations to support the storage of authentication provider data.
- Enhanced the user interface to display available authentication providers and their statuses.
- Added routes and handlers for managing authentication provider actions in the web application.

components/login.templ

@@ -111,10 +111,20 @@ templ Login(ctx context.Context, errorMessage string) {
 					</form>
 					
 					<div class="mt-6 border-t border-gray-200 px-8 py-4 text-center dark:border-gray-700">
-						<p class="text-sm text-gray-600 dark:text-gray-300">
+						<p class="text-sm text-gray-600 dark:text-gray-300 mb-3">
 							<i class="fas fa-info-circle mr-1"></i>
 							Contact an administrator to create an account
 						</p>
+						
+						<!-- External Authentication Providers -->
+						<div id="external-auth-providers" class="mt-4">
+							<p class="text-sm text-gray-600 dark:text-gray-300 mb-3">Or sign in with:</p>
+							<div id="provider-buttons" class="flex flex-col gap-2" hx-get="/auth/providers" hx-trigger="load" hx-target="#provider-buttons">
+								<div class="animate-pulse flex justify-center">
+									<div class="h-10 bg-gray-200 rounded w-full max-w-[200px] dark:bg-gray-700"></div>
+								</div>
+							</div>
+						</div>
 					</div>
 				</div>