fix: Add hover state to links

Author: dawsontoth

src/features/auth/ForgotPassword.tsx

@@ -80,10 +80,10 @@ export function ForgotPassword() {
 				</form>
 			</Form>
 			<div className="flex px-4 mt-4 underline place-content-between">
-				<Link className="text-sm" to="/sign-in">
+				<Link className="text-sm hover:text-blue-300" to="/sign-in">
 					Sign in to your account
 				</Link>
-				<Link className="text-sm" to="/sign-up">
+				<Link className="text-sm hover:text-blue-300" to="/sign-up">
 					Sign up for free
 				</Link>
 			</div>

src/features/auth/SignIn.tsx

@@ -113,10 +113,10 @@ export function SignIn() {
 				</form>
 			</Form>
 			<div className="flex px-4 mt-4 underline place-content-between">
-				<Link className="text-sm" to="/sign-up">
+				<Link className="text-sm hover:text-blue-300" to="/sign-up">
 					Sign up for free
 				</Link>
-				<Link className="text-sm" to="/forgot-password">
+				<Link className="text-sm hover:text-blue-300" to="/forgot-password">
 					Forgot password?
 				</Link>
 			</div>

src/features/auth/SignUp.tsx

@@ -175,17 +175,19 @@ export function SignUp() {
 						)}
 					/>
 					<p className="text-xs">By creating an account, you agree to
-						the <a rel="noopener" href="https://www.harpersystems.dev/legal/privacy-policy" target="_blank" className="underline">Privacy
-							Policy</a> and <a rel="noopener" href="https://www.harpersystems.dev/legal/harperdb-cloud-terms-of-service" target="_blank" className="underline">Terms
-							of Service</a></p>
+						the <a rel="noopener" href="https://www.harpersystems.dev/legal/privacy-policy" target="_blank" className="underline hover:text-blue-300">
+							Privacy Policy
+						</a> and <a rel="noopener" href="https://www.harpersystems.dev/legal/harperdb-cloud-terms-of-service" target="_blank" className="underline hover:text-blue-300">
+							Terms of Service
+						</a></p>
 
 					<Button type="submit" variant="submit" className="w-full my-2 rounded-full">
 						Sign Up For Free
 					</Button>
 				</form>
 			</Form>
 			<div className="flex px-4 mt-4 underline place-content-between">
-				<Link className="m-auto text-sm" to="/sign-in">
+				<Link className="m-auto text-sm hover:text-blue-300" to="/sign-in">
 					Already have an account? Sign in instead.
 				</Link>
 			</div>