added info about default user credentials to the sign-in page

Author: marcinkrasowski

apps/frontend/src/components/Auth/SignInForm/SignInForm.tsx

@@ -5,6 +5,7 @@ import { CircleAlert, Eye, EyeOff } from 'lucide-react';
 import React, { useState } from 'react';
 import { object as YupObject, string as YupString } from 'yup';
 
+import { Alert } from '@o2s/ui/components/alert';
 import { Button } from '@o2s/ui/components/button';
 import { Input } from '@o2s/ui/components/input';
 import { Label } from '@o2s/ui/components/label';
@@ -58,6 +59,15 @@ export const SignInForm: React.FC<SignInFormProps> = ({ providers, labels, onSig
                 )}
             </div>
 
+            <Alert variant="default" className="flex flex-col gap-2">
+                To sign in to the demo, you can use the following credentials:
+                <Typography variant="small">
+                    username: jane@example.com
+                    <br />
+                    password: admin
+                </Typography>
+            </Alert>
+
             <Formik<FormValues>
                 initialValues={{
                     username: '',