feat(tests): Implement tests with Playwright

.github/PULL_REQUEST_TEMPLATE.md

@@ -27,7 +27,6 @@ For visual changes, please provide screenshots.
 ### Checklist:
 
 - [ ] My changes generate no new warnings or errors
-- [ ] The build passes successfully
 - [ ] I have verified that these changes don't negatively impact performance
 - [ ] Also optimized for mobile layouts
 
@@ -37,38 +36,6 @@ For image contributions, also check:
 - [ ] I have verified that the image(s) display correctly in the project context
 -->
 
-### Regression Testing
-
-_If your changes affect the core tier list functionality (such as URL encoding, OG image generation, etc.), you must
-perform these tests and add more if necessary. Otherwise, you may opt to skip this step._
-
-We haven't implemented automated testing yet, so please manually test by clicking the links for the following scenarios
-locally:
-
-**OG**
-
-- [ ] [Link to test](http://localhost:3000/api/og)
-- [ ] [Link to test](http://localhost:3000/api/og?state=NobwRAlmBcYC4QKYCcC0BnMAaMA7GYAyodvDKJARALYCGA5oqgPYBuKA7rXAMYAWqOgFcAdB0QAjAA6keBALK0h9WmAC+WcFFg0GTNp279UHCLjGSZOObADqZ9HGb4NWqnUYt2yLrwEATVloLaVkCABERADVVV0odD31vX2M+ZnoQqzAbMAAlZlp-NPp1TXjIRK9DPwwIDPFQ6wJCOrpStwS9Kp8jAQAvWmRMsNgALUGAT1iy7Qqugx6aiVopYabYACEVhEdEdvLdTwWUgQBrCCGGrJyAaQuIU+Z1AF042YQUDEwcfFgSHDg5A6cyOyV6qAgABtIWtsgQAJLQwZQN7ueZgmpSPjBK4jMAABWxyFofH2s0OSWqxjgxNhOQAKsSeCgyWjQVSBAArITmXHrMAAKR5T1RnXZi2M7F5ljxUUQuDgQmQe1FIMpEoE4hxMv5ABkIAAzRBa7wvVUfNCqH4EACCpEB0Ao5Mqx3BxOodIIuVodDgNOmwIp3ROqE5AEdpY04bAhbhTigAAQARSEiHlrLF6pD-gN6E9sHCzGY1ANEEcGbVwfByxhfOjYFsyp451w9ATW2hFaDrpq6GYnPzRH7zCVLhmbKz4MQ-EHAFF+CLx5mqzVqDxLjr6wBhWjodAQfwTLsujHGXd8Qc29B8FWvJfwJBofykX5gDb2oEHE8ckz+DiD+x-GYDg6HjZBj3RH8JGQepNxyDZkDqCA-RVe9u1Pfp5UHUZ5SmP0Ay-SCNVQSEhB4QddTIiBF0Db9iNoXBtSjHIbUYs17wtVAJBfAgtw-R1aKIkN0AAdgANkHQhmEhfxH2gBNxIg8UQ2oZgIEHeQ1OJJTJyWXdBy2RxqLHQTlPBahEHUuscnkSydJXYxmEQwcAHlEPQAjnSEt1LMHXJLNwIl-EBNQ72BTi5GtAt+KdCcHIECyN2YhQUB4I9VXQn9iTgQdY1ObL7J7YxlSY64vUQFYWQyujhOLSTi2gzy4qKgQnAkQd6SciROQAN+QEzCLMmpGEjMrYAAcXlTkUTC8pOINHjYAAMRi0zdNSBjBwACQYvoaMG9aBHQCYPWs5oTos-12OBHkeG4RB6CciA+kQZ8orAGLXmeIA)
-- [ ] [Link to test](http://localhost:3000/api/og?state=NobwRAlmBcYC4QKYCcC0BnMAaMA7GYAyodvDKJARALYCGA5oqgPYBuKA7rXAMYAWqOgFcAdB0QAjAA6keBALK0h9WmAC+WcFFg0GTNp279UHCLjGSZOObADqZ9HGb4NWqnUYt2yLrwEATVloLaVkCABERADVVV0odD31vX2M+ZnoQqzAbMAAlZlp-NPp1TXjIRK9DPwwIDPFQ6wJCOrpStwS9Kp8jAQAvWmRMsNgALUGAT1iy7Qqugx6aiVopYabYACEVhEdEdvLdTwWUgQBrCCGGrJyAaQuIU+Z1AF042YQUDEwcfFgSHDg5A6cyOyV6qAgABtIWtsgQAJLQwZQN7ueZgmpSPjBK4jMAABWxyFofH2s0OSWqxjgxNhOQAKsSeCgyWjQVSBAArITmXHrMAAKR5T1RnXZi2M7F5ljxUUQuDgQmQe1FIMpEoE4hxMv5ABkIAAzRBa7wvVUfNCqH4EACCpEB0Ao5Mqx3BxOodIIuVodDgNOmwIp3ROqE5AEdpY04bAhbhTigAAQARSEiHlrLF6pD-gN6E9sHCzGY1ANEEcGbVwfByxhfOjYFsyp451w9ATW2hFaDrpq6GYnPzRH7zCVLhmbKz4MQ-EHAFF+CLx5mqzVqDxLjr6wBhWjodAQfwTLsujHGXd8Qc29B8FWvJfwJBofykX5gDb2oEHE8ckz+DiD+x-GYDg6HjZBj3RH8JGQepNxyDZkDqCA-RVe9u1Pfp5UHUZ5SmP0Ay-SCNVQSEhB4QddTIiBF0Db9iNoXBtSjHIbUYs17wtVAJBfAgtw-R1aKIkN0AAdgANkHQhmEhfxH2gBNxIg8UQ2oZgIEHeQ1OJJTJyWXdBy2RxqLHQTlPBahEHUuscnkSydJXYxmEQwcAHlEPQAjnSEt1LMHXJLNwIl-EBNQ72BTi5GtAt+KdCcHIECyN2YhQUB4I9VXQn9iTgQdY1ObL7J7YxlSY64vUQFYWQyujhOLSTi2gzy4qKgQnAkQd6SciROQAN+QEzCLMmpGEjMrYAAcXlTkUTC8pOINHjYAAMRi0zdNSBjBwACQYvoaMG9aBHQCYPWs5oTos-12OBHkeG4RB6CciA+kQZ8orAGLXmeIA)
-- [ ] [Link to test](http://localhost:3000/api/og?state=N4IgLglgpgTgziAXAbVBJ5owLQIDQgB2GAygATICyUYAhgLogFhKojqLsC2tA5lNgD2AN1gB3WmADGAC2xcpMAHRioAIwAOTEFIwBhWnDgQAJgE8QAXzxoMEHvyGiYE6XKiyV6rQV2cAorKCVjbsdg4CIuKSstgaMrRemtp+IAAKCTC0MiG2nPZ8kc6usRAANmVJPjoYAJIVtDDolvTWeZiw2LTaxJwAghQA4jBQkozMrO0FjlEuMXI8AK5VKRiUtIu83W1h+RFO0W64ELwrvqQnPLm73IUHc0diEIRnNZwA6s9wYILEOxy3GbFeZdOAyV6pPpgqDXAHTIqHWJgLIQjAAFSyUlgsPCd1mJTktEIiVUyXO-WJOL2eOBRwA1hBlKTqqkANKMiB04Itf4YSCdNQ9DAAIQA1ENBIITONwJMbvD7gTsGpaJVmasPiMpAzCLwyMLVWUqYCEQ9YqIXurySAAGpQQhgRYjY0K-EglUaVGcA0aSDfGG86lAxFyMqLKRekAAGXDEG5rVCAP5OCMQu9FAAYs8oDKWCgpvs3UcTMISd4NSAACJKG3bRO44NmuQAKwAjpby9aAFKLQh02BkACKiyg9pdhdpsSyXEjACVaDwwMi6wWaSHsCMIHOoM9MiYWIGTYqQTJBKcrW8QLPBLQTKfeOO103sPwO2TL4N7c3mvWg6alVwO6RtQP6ro2SpwAA7AAbJGJCCGUJhYIgZAwY+4EgnAggzheqTwVwahZOh-6YWYOGdpeJBkYBy7EceRw-GokZooIMBqM2ABvMB-L+R5FrEYgmGIkafCYghiDw-YwHR-FyIR54UakwpNLwEBLgGvGupOciqGW76pFGEAAGZQLpzgydp8iCFuuFrNZRE8rxvZSJIUC8KxEAAF5QCYaYgHoFAAHIQLIUBkAA9GQlZQBo9omHAZC-GQUjYRouZynCE7riYRlwJGlaSlwRkQN8Fnrp5jSRgAWo0ZgrvKWXPiqeW2d6hiQL8ZXPgkb4shgAASRKedymmNUqWRgJGPZ9hNXXjaM260LF0mHlp65Yc2cGCM2ghOjxYEkUcgFMopaywFIFirWNILeb1FZVfadVLtsCbtMm2C6AQvRVhQLGbDI6X5g1T5Kh5kYAPJNHAL2Hu9vlfRgGbaHmyCvTc71GX5yMZQ2h2xM2vZTb28YtMwallDCnDg+8ABMZDYGQrKNIOZCUKY2AkKMWGEGQACMvNWEAA)
-
-**Overwatch**
-
-- [ ] [Link to test](http://localhost:3000/rank/overwatch/h_all?state=NobwRAlmBcYC4QKYCcC0BnMAaMA7GYAyodvDKJARALYCGA5oqgPYBuKA7rXAMYAWqOgFcAdB0QAjAA6keBALK0h9WmAC+WcFFg0GTNp279UHCLjGSZOObADqZ9HGb4NWqnUYt2yLrwEATVloLaVkCABERADVVV0odD31vX2M+ZnoQqzAbMAAlZlp-NPp1TXjIRK9DPwwIDPFQ6wJCOrpStwS9Kp8jAQAvWmRMsNgALUGAT1iy7Qqugx6aiVopYabYACEVhEdEdvLdTwWUgQBrCCGGrJyAaQuIU+Z1AF042YQUDEwcfFgSHDg5A6cyOyV6qAgABtIWtsgQAJLQwZQN7ueZgmpSPjBK4jMAABWxyFofH2s0OSWqxjgxNhOQAKsSeCgyWjQVSBAArITmXHrMAAKR5T1RnXZi2M7F5ljxUUQuDgQmQe1FIMpEoE4hxMv5ABkIAAzRBa7wvVUfNCqH4EACCpEB0Ao5Mqx3BxOodIIuVodDgNOmwIp3ROqE5AEdpY04bAhbhTigAAQARSEiHlrLF6pD-gN6E9sHCzGY1ANEEcGbVwfByxhfOjYFsyp451w9ATW2hFaDrpq6GYnPzRH7zCVLhmbKz4MQ-EHAFF+CLx5mqzVqDxLjr6wBhWjodAQfwTLsujHGXd8Qc29B8FWvJfwJBofykX5gDb2oEHE8ckz+DiD+x-GYDg6HjZBj3RH8JGQepNxyDZkDqCA-RVe9u1Pfp5UHUZ5SmP0Ay-SCNVQSEhB4QddTIiBF0Db9iNoXBtSjHIbUYs17wtVAJBfAgtw-R1aKIkN0AAdgANkHQhmEhfxH2gBNxIg8UQ2oZgIEHeQ1OJJTJyWXdBy2RxqLHQTlPBahEHUuscnkSydJXYxmEQwcAHlEPQAjnSEt1LMHXJLNwIl-EBNQ72BTi5GtAt+KdCcHIECyN2YhQUB4I9VXQn9iTgQdY1ObL7J7YxlSY64vUQFYWQyujhOLSTi2gzy4qKgQnAkQd6SciROQAN+QEzCLMmpGEjMrYAAcXlTkUTC8pOINHjYAAMRi0zdNSBjBwACQYvoaMG9aBHQCYPWs5oTos-12OBHkeG4RB6CciA+kQZ8orAGLXmeIA)
-- [ ] [Link to test](http://localhost:3000/rank/overwatch/h-all?state=NobwRAlmBcYC4QKYCcC0BnMAaMA7GYAyodvDKJARALYCGA5oqgPYBuKA7rXAMYAWqOgFcAdB0QAjAA6keBALK0h9WmAC+WcFFg0GTNp279UHCLjGSZOObADqZ9HGb4NWqnUYt2yLrwEATVloLaVkCABERADVVV0odD31vX2M+ZnoQqzAbMAAlZlp-NPp1TXjIRK9DPwwIDPFQ6wJCOrpStwS9Kp8jAQAvWmRMsNgALUGAT1iy7Qqugx6aiVopYabYACEVhEdEdvLdTwWUgQBrCCGGrJyAaQuIU+Z1AF042YQUDEwcfFgSHDg5A6cyOyV6qAgABtIWtsgQAJLQwZQN7ueZgmpSPjBK4jMAABWxyFofH2s0OSWqxjgxNhOQAKsSeCgyWjQVSBAArITmXHrMAAKR5T1RnXZi2M7F5ljxUUQuDgQmQe1FIMpEoE4hxMv5ABkIAAzRBa7wvVUfNCqH4EACCpEB0Ao5Mqx3BxOodIIuVodDgNOmwIp3ROqE5AEdpY04bAhbhTigAAQARSEiHlrLF6pD-gN6E9sHCzGY1ANEEcGbVwfByxhfOjYFsyp451w9ATW2hFaDrpq6GYnPzRH7zCVLhmbKz4MQ-EHAFF+CLx5mqzVqDxLjr6wBhWjodAQfwTLsujHGXd8Qc29B8FWvJfwJBofykX5gDb2oEHE8ckz+DiD+x-GYDg6HjZBj3RH8JGQepNxyDZkDqCA-RVe9u1Pfp5UHUZ5SmP0Ay-SCNVQSEhB4QddTIiBF0Db9iNoXBtSjHIbUYs17wtVAJBfAgtw-R1aKIkN0AAdgANkHQhmEhfxH2gBNxIg8UQ2oZgIEHeQ1OJJTJyWXdBy2RxqLHQTlPBahEHUuscnkSydJXYxmEQwcAHlEPQAjnSEt1LMHXJLNwIl-EBNQ72BTi5GtAt+KdCcHIECyN2YhQUB4I9VXQn9iTgQdY1ObL7J7YxlSY64vUQFYWQyujhOLSTi2gzy4qKgQnAkQd6SciROQAN+QEzCLMmpGEjMrYAAcXlTkUTC8pOINHjYAAMRi0zdNSBjBwACQYvoaMG9aBHQCYPWs5oTos-12OBHkeG4RB6CciA+kQZ8orAGLXmeIA)
-
-**The Finals**
-
-- [ ] [Link to test](http://localhost:3000/rank/the-finals/light?state=N4IgLglgpgTgziAXAbVBJ5owLQIDQgB2GAyiAWEqiOojQLYCGA5lNjFIwMYAWYPUAGYRCjADZxsADQAK2AKwAWAPoAlRoQDWygIwA6AO5QARgAcQAXzxoMEJq3ade-ISPGSAsjp1qN2-UZmltY0tvZsHNx8AsKiEtgAogBujHAQSVDKACKpPL5auoYm5lY2dHYsEU7RrnGSJAD2ojDKAOIcogAmmeoFAcXBZQyVjlEuse7YAGIwLG0djN35-kVBpaHl4aPOMW7x7YympmIizMoAEg0N2r0rgSUAuuu0mLDYjOREGACCn5QoQwqDkiO1qkxIYAAroQ2tDloV7oMNsNgdVxntJAA1DQQOA8U7KABCDXoxnh-TWIReQKqY12dWwrROYF48ygXR6fgRA2eYRGIJqE32jDAUAMjAAnuTViUqXzUXSwfEADLnHy3bmUwFbAXohmYgCcJGliN5m35aPpkwAKgIYEwxESGhwTTy5eaFaChZJrbMuJoCTkYGBXVrkTTtoKMdgAMJiBqMAOEM5ZKBJCBcTl9GWWJ7u144YyfYh0Ql-Kjai2K73YQkC5QxniMGCsUOyyueqMMmQSmANNkcttI6k6y1KyStVIDxZZu48vNDSBvLjFjAx8sA8Oj6vRg0AZlUQ7NKNpXujJHo10y7XZM6P+Yjuqt+yu06WGopj2PS5wglXdCmDdqBHKszwZKYxFyYwNDOD8c2PR8xxrW1YAdZRMVxCAmiPBdkWhLgRSgZhnQgAAvKBOn-EAgI7U8u3BVRsAADhUODTQfbcwPBNUDQABl4+9aMjPUbR4PsDAJABpQh0igOBBK3UD6PiVQoC4SEYAyJ0DAUkDOxE+ISAMZ1Ol0+U6IMyQcmYVgWjY+cLAeCgIDAMQoAwa1zgSAACKYAEkADlvmVEhvJIPdvOwbzlT81pzmtbzvjEMRsFUBpoW6GBLCAA)
-- [ ] [Link to test](http://localhost:3000/rank/the-finals/light?state=N4IgLglgpgTgziAXAbVBJ5owLQIDQgB2GAyiAWEqiOojQLYCGA5lNjFIwMYAWYPUAGYRCjADZxsAFR4wA9gHcRzAPoBpQhABuUOCoBKjQgGsVARgB0CqACMADiAC+eNBghNW7Tr35CR4yQBRLUY4bSgVABFQngMjU0treycXGjcPNg5uPgFhUQlsEjlRGBUAcQ5RABMIwxNzK1sHZ1c6dxZM7xy-fMkSMABXQnKhuPrEppTWhg6vbN88gOwANSMIOB5lFQAhOXobMYTG5McAXRa0ukhYbEZyIgwAQXvKFGn2zyyfXP8C-SguAMYDodopDg0ks1UrQZp8ugtfpIAGIwFjlSqMGrgiYnaHpWZfbqLAplMQQMC8dFQaq1eIQyYXGEfTrzH69aQCGBMMSgjjY45Q94ZObfHpLKSorjGLbRGBgfmQqaXWEs0XEyRlRhgKAKRgATwVDPOeKuWGwNnuxDo2xeVCFBPhbKWFUYdjsZMIqgAEnI5KY6kdFYz8XDWWKCgBhMRyRjSz1RKBaCBcWnjAVKpnCwkI9nbQkqCM8RgwViG3H20NqxHYAAKevkVJpZcFyuZIqJ1c1egq1MxqcDRuDppuXEtGAjtrerazjvDfXofoiPabAfp5enDrD6uwZV9jb7zacxum1xwgjHdCRk+omc3VfZSLEMRsRlUq5xLdvlY77JksG5KjLOsEDFIeZxDiAQxcFqUDMHIMAQAAXlAVQXiA14VqqP5LCQCjwVUYEmiq7Y5ks0TMKwpTvumEFttmToFCQ+jYAAHAALIRmEkQxfRemYACcAAMgmcRu36kQUAAaNbYAArBx1FBkRdGztuACyZhmKJX5YRJkgADJ8dpIa6TxKz8SQxltDOW7VvxADM+hgecpwUOSYhQBgUheoEAAESIAJIAHKPPpJC+SQ9m+dgvn6QFZRelIvk1vIABWAKQB5ThAA)
-- [ ] [Link to test](http://localhost:3000/rank/the-finals/light?state=N4IgLglgpgTgziAXAbVBJ5owLQIDQgB2GAyiAWEqiOojQLYCGA5lNjFIwMYAWYPUAGYRCjADZxsJAErYAHABYA+tMaEA1koCMAOgDuUAEYAHEAF88aDBCat2nXvyEjxkgOIxGx42JHMlABIA9kGaqhra+kamFlZ0NixsHNx8AsKiEtgAwmJBjOp+SgAiUABuEFxQKmqaugYm5pY01rZJDqnOGZIkQaIwSh5QogAmVeG1UQ2xzfGt9ilO6a5SYACuhAPr1RF10Y1xDInzjmkumW6MYFB6jACe2xP1MQC607SYsNiM5EQYAII-SgoA4JOzJE6dZYAMU8-kGIzGNUiT32M0OYPaizO7l8YF4Aw4CIeyL2bxaR3BHSWmQAoqVGHAIKUqkUGTxibspk13qC2gtTl1sAAVAQwJhiJQAISCHA5kxi3PJGP5kMyQs8XAKhH8rJgYDlKLMr0VdEgn0MP2IdElgKoILmlKxgoAamoIHAeIVpfRDAbSSb0XyIdTJAAFW4wIIEoaMUZ+rn2imYgXLC5waNE8YkhNo3nHKnYqT0UJVeGxxE7eWonkO5Oq9whDPl+MKxPK4OFgAyAS0LerSqDBcF0igXFWMGZUqCej7RrJpqw2C4lowWVtwNztZVIewkspSiyPEYMFYs4DecdKcyULEbMMan8Wc5L3nHxwghXdCh6+oNaT28LEVYHFJRnXdCBelnY0DnWLhLigZgZQgAAvKBhk-EAfzbQcnWWEgewATgABiIs9sPzXC1R4SM9EKABpQgmSgdMnyrV8LzrHcSD0GVhjIzd-w7QVWWYVh+lYw1zy3ITlgADVDbAAFZlAk-1yMvetsAAWS0XtVJzP92yHZZnQIkh+MMnCr0kAiAGZpCgo0KAgMAxCgDAhQCGkAAIoQASQAOT+TsSG8khbO87BvM7Py3ACIUwsY4xYHMIA)
-- [ ] [Link to test](http://localhost:3000/rank/the-finals/light?state=N4IgLglgpgTgziAXAbVBJ5owLQIDQgB2GAyiAWEqiOojQLYCGA5lNjFIwMYAWYPUAGYRCjADZxsJAO4B7GABMA+gCVGhANZKAjADppUAEYAHEAF88aDBCat2nXvyEjxkkgAltATgAMP1epaegYm5pY01rZsHNx8AsKiEtgAogBujHAQqVBKACIZPAGaOvpGphZWdDYs0Q5xzolusqIwSgDiHKIKOWrFwWVhlQw19rFOCa5SYACuhO2zRUGloRURVVGjjvEuSW2MYFDSjACeiyUh5eG0w3YxWw2TAGrqEHA8IsxKAEKy9IZn-RWAF1VtdILBsIxyEQMABBaGUFBDaq3OrjHaSADCYlkjA0HzyUFSEC4PUC5wGoMiIzu9QmSQAYjAWO1OoxugDlpdkRtaejGtg2mIIGBeKyoF0yX0uYM1jdamNtgKvrSlJieIwYKxORdZdcUQr7vTJAAVAQwJhib7yKVLXVU9Y0tFKyYm5lcfGET75GBgHWUq7U1GKh5JM0wWTSAkAaUIWSgcH9wIdmAhhmhxDoXwRVB5TpDxsFzOMxmFXqU7lksi0vTtAbzwaNGOwAAVjhHxZKk9y5QbNnTm3tEx0JezbRSVoHHY2BwKSPRqzkR13axOe-rec7Q5I2lXO2Pu+YQVPUzguBmMJic0je5uC838sxWK1V4D10HDbPJgyxAVDOpPlfGUUz7PkXTDc1LSUR5XggZpDzMY8hnBHBBAvOhtCkHhZDAAACFscIlSBxGvagN3zJs5xUbAAA4ABYEKQuVZi4fYoGYeQIAALygBR0JAUiG0-flJgADRbbAAFYGKA+0T1ArdCwAWW0bQEPku9KKeLwSHUoT+xEpIvAAZhUPTbwor8kgAGU8czyJnQzJBUKAuGmGBsmtaRGMQigRTEKAMBNdxklwhkAEkADlYWskhcJIYzcOwXDrPCtp3BNXClKgALArMIA)
-- [ ] [Link to test](http://localhost:3000/rank/the-finals/medium?state=N4IgLglgpgTgziAXAbVBJ5owLQIDQgB2GAyiAWEqiOojQLYCGA5lNjFIwMYAWYPUAGYRCjADZxsAQQDSAWQD6AJUaEA1goCMAOgDuUAEYAHEAF88aDBCat2nXvyEjxkgGIBhKUuWqNO-cZmFjRWNmwc3HwCwqIS2AASnGIizAoAQpz0PupaeoYm5pZ01izh9lFOsZIA4gCujDAAJhCqCgAqtTAcYNl+eYGFIcVhdpGOMS7YAFK19EYKAAqMjb25AQXBtAylow7RznHVyWC87TCM8yo5-vlBRdu2EXuVkwBaEEbJhFCrNwMAuoMtpBYNhGOQiBgpBDKCh7iVHuVxgc3OdUtUOKJGj8rn11nchg8ymN9lVsAARJwGGAQMRiRhgAD2MF+-Q28JGTwqEzi3m0AGYAKwAdlZ+KBoR2XORZLkjOxYi0AA4laLcWtbhLhlKkaTJgBRAAen0ZcAgADcfnIRDjfBqBptJYiSS84pSmGBYC1kgAvWBizWO7XO548yRSBYkdqdboBgFazCggwQ4h0NIwqgcnUusPYVxSORSKPqv7swkI4mhlHYaqMOAKa3fONlrYV3bc6sLACeMEZCgxUCxtuubIJrc5utdNTr-cxy2HeMDWZDHbJ1UZfYHQ+bZkBQcTOC4KYw7gzcPLE5z1fcABlsAAWAAMO4TbelerdDMYyigcB4F39EtR1MPd7hBHBBGPOhXDPahx2zKsyVcek-wMVRUiA8VQMJWpCC4BkoGYZkID9RooJAWDl0rVdJnJepFTSelsXrTClwvBCaN5CBGR6EgeGgMQVlY+N-goCAwDEKAMDaeJ9QAAlcABJAA5KQbxIOSSH5OTsDkuR9XJRSAFU5DkqQ6WwJRGVw7EYDMIA)
-- [ ] [Link to test](http://localhost:3000/rank/the-finals/medium?state=N4IgLglgpgTgziAXAbVBJ5owLQIDQgB2GAyiAWEqiOojQLYCGA5lNjFIwMYAWYPUAGYRCjADZxsAJQD6AOgDMAVgDsMqY0IBrGQEY5AdygAjAA4gAvnjQYITVu069+QkeMkAJTmJHMZAIU56dU0dfSMzS2saW3s2Dm4+AWFRCWwAEVdjGAgxMUYwAHsYEO09QxNzKxs6OxZ4pyTXVMkAKQBXelMZAAVGABNSsIrI6pjauMdElxT3bAAtCFMfQigh8oiq6NoGeqnnZLc09PbxAPz+qDh18Mqomt2HBIPmuYBBHpIZABV2mA4wDcRlsHnUno0ZkdJABZQqXMR6AAciLUGjKt1GAF0xjtILBsMZyEQMG8iZQUKDJs8mrM0lIIIVASQeNAxIM0cNNvdxo8GtNDi1sABxHxgXg-GCMbocjZ3HGxPbUyGCgCiAA9loU4BAAG5raEiNYyjEgnlgvkvWmSIWMa4G1ZArnyiaKiECuY9ACeMEKMiFHFEl0dcu2CvB-NeaRt139UEDRtCstGoZd4ctUOFhV9sfjwaxzsw+K4ROIdH8ZKolNdEat2AAwgAZbAAFgADHnTTtzfsaRmAGJvaFvL7G4HcrtUt2RyTpAqMdRXHhS2AdyzYlOFnCCEsYOsVilmyc1-v5OA8YyaPyjp3rh54nCMHd0ABqsE9AAJmFn+u-jO0wO+nqFO076MAGADkAGMO+vwwGAYhQPu1ATtW6aCm8ADS0KrgW3ZKu6aR9nWbyyNeIZVmmvaCkKpwwP0ECaD8fwAjhG54VOtaZEwYCwAxPgAF4rmRyYURaVFzH2kp+DmAwJuiY4WLePLtIQXAFFAX45IJ-RPiASHYpiFAQPBiF0N8Hgqu+fYAJIAHJvA2JDviQCjvtg77Qiq6TWQAqtCMF-CZlhAA)
-- [ ] [Link to test](http://localhost:3000/rank/the-finals/heavy?state=N4IgLglgpgTgziAXAbVBJ5owLQIDQgB2GAyiAWEqiOojQLYCGA5lNjFIwMYAWYPUAGYRCjADZxsAWQBsABgD6AJUaEA1goCMAOgDuUAEYAHEAF88aDBCat2nXvyEjxkgMI9GMVgoByCkmKM9MqqGjr6xmYWNFY2bBzcfALCohLYACIA9vRQ-jzQYgAmIepaeoYmpgC65pZ0kLDYjOREGACCLZQodQws8fZJTqmSADJQuhBwCgDiAK6EJWHlkbUxdNZ9domOKS7YSgAK09gA7ItlEZXRtL22CQ7JzmlSUHA8eQXFKqXhFVE9GzuAx2T0kACFPDAIFxGIVct8lpd-mtbv1to9htJMpBMgsSFBCHBMjBzr8VtdYpt7oNdmkAGIwFgzDiiOGk5ZXAFxLYPIZ7NqESDYaaMgBuEDAAE8FK5ZgZ4aELn9qqsbg0cAYWsQ6GDOlQuVTgRi9iQ2poAEyaGTspGqylA9F8tIAdREvBlgV0NuVFPW3OpIMxAGkSNhzQBmb3kg0O3m0yQHSUwTIKKQiBU-DnIm6AtFx0HYVwAFijlRqvswjS4Wowrj13RRuZ5NIL00yKbmCwRSujjf9RqdkjbHZZsIziJ9MbzLcx00YUxFBLHpez9ungb2ieTzKXbO7ZLLdvqWGwghrdDp9eoOf7jvj0mmI3D5pXR9RzY3aQCUEKrA89ByEl9yzN8mwDY16UCHJ+GTfQgMVA9Vz9Q07wLEgjE4eDM1tCswIHe86UCN4DFUZhX3LHp5hhMAoGYYkIAALx-c8QCvGoqgoCUxCgDAABUAAkAFEAAI6QASR8NoRhIYSSHDYTsGEoS2gANQATWEtoxDEfZMnmOEYDMIA)
-- [ ] [Link to test](http://localhost:3000/rank/the-finals/heavy?state=N4IgLglgpgTgziAXAbVBJ5owLQIDQgB2GAyiAWEqiOojQLYCGA5lNjFIwMYAWYPUAGYRCjADZxsJAIIBGAEyyAbAH0ASo0IBrFbIB0AdygAjAA4gAvnjQYITVu069+QkeMkBZKHB4qSPaDEAE3VNHX0jM0trGlt7Ng5uPgFhUQlsAHURXhUAYTFGA1DtXUMTcysbOjsWBKdk1zTJXJ5GGFYVADk-Avpi8LKoytjq+Mckl1T3bAARAHt6KD8AqGD+0siKgF1h2kxYbEZyIgxpY8oUKoZa8ecUt3SAcTm5lUeAV0J1iPLoq5qHIk7o1pmoAAqPbAAdm+gwqMT2ALqE3uTWwACE2jAIFxGEElhoSj8hgi4jcgQ0pukPHNIHMviQoIQ4HMYLDNn8RtdAfVJg9JAAxGAsN4cUT49m-XZknkokHpaSESDYR7CgBuEDAAE88u9jASwhspTtSXRIAdjMdiHR0ecqP8xhS+WiANIkbDyADMkpJDvJvNR0zBWpgrw8IgNRLhnMRjoD8uaABYfdtpWasNguFaMLk7ZcuUjbpT+SqXqKmXjIwMOWnucjgVTJI9GHBy+Kq0bfQW43LG9hg6G25WU5YTVdzThBNm6AK89RY-7eyWBQUfMZNMwRxYx1zPriwFBmKyIAAvKBBacgOd+2UNkseR4AGU98i3prrRed0xIYnPrFa9CLGyhLVlK76Fk6gbpCujCLPwoZGMBhrEvCN71sWaIkKYnBIVGNbgT2d5oh4SgAAxvmhn5QZIj5QAYECth8XwgZ2qZbBQmq-hgAAqAASACiAAEAoAJKdNIj4kIJJCeoJ2CCQJ0gAGoAJrSXIihKIJuQAIq5hYQA)
-- [ ] [Link to test](http://localhost:3000/rank/the-finals/heavy?state=N4IgLglgpgTgziAXAbVBJ5owLQIDQgB2GAyiAWEqiOojQLYCGA5lNjFIwMYAWYPUAGYRCjADZxsAdRG8A+gGExjAO5yASo0IBrOQEYAdCqgAjAA4gAvnjQYITVu069+QkeMkARAPb0ockh5oMQATDS1dQ2NzKxsaOwc2Dm4+AWFRCWwAIUYYGAguRhD-TR19I1MLa1s6exYk51S3DMl1AAUAcWwAdnCyqMqrAF1q+LpIWGxGciIMAEEZyhQahnqnFNd0j2wSMSgQ1h5Gej8YPsiKmNHaVcdklzT3TJIzTjPSi+iquJu6u8bNk9JCQ5noAEx6ABs53KX1iKz+DQ2jxa2AAst5IN5CAEoIQ4N53hFYYNrgk1vcmltMgAxGAsOQdDiiYowgZXH7k-7I5rbOaESDYJmMABuEDAAE9FABXEwlYnsqojTnjLDYEwzYh0LKLKgIxLrB682nKPz8GDeYxE-qXb76ikAlHbADSJGwYIAzGzbfCxrckUbqZI2hKLXI0SJ5Ta4WTagbKYDUQoACzemMq-2GqlAoXebyM5lFKOfUnKlYTHBcTUYBS65Z+xFZxPbDqMOAFvFFtOkjONhNOzIhsNMzusj4kjn27mBnNoyEABm7k4b8cdxskABkoCoIO2OtKcePFcNY5hJoJq3QaXXqL9Vzyg9gaco4DwTFpmEu7SuHQ-Zx0Nw9MEvxPDMD0KMAoGYQkIAAL32S8QBvKcA2zVEOjzRkDxA08+zXR80SgV8AiCKBQhw3t7xnJMjhgVg5AAOQCU0cJGIYKHFPYMAAFQACQAUQAAhpABJBi5g3EhBJID1BOwQSBLmAA1ABNQSZEIXhBKUVRtIARVrSwgA)
-
 ### Additional context
 
 <!--

.github/workflows/label-image-updates.yml

@@ -9,7 +9,7 @@ jobs:
     runs-on: ubuntu-latest
     if: startsWith(github.head_ref, 'dependabot/')
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - name: Check for image updates and add label
         run: |
           if git diff --name-only ${{ github.event.pull_request.base.sha }} ${{ github.event.pull_request.head.sha }} | grep -q '^package.*\.json' && git diff ${{ github.event.pull_request.base.sha }} ${{ github.event.pull_request.head.sha }} | grep -q '"image-'; then

.github/workflows/playwright.yml

@@ -0,0 +1,35 @@
+name: Playwright Tests
+on:
+  deployment_status:
+jobs:
+  test:
+    if: github.event_name == 'deployment_status' && github.event.deployment_status.state == 'success'
+    timeout-minutes: 30
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+      - name: Install dependencies
+        run: npm ci
+      - name: Install Playwright Browsers
+        run: npx playwright install --with-deps
+      - name: Run Playwright tests
+        run: npx playwright test
+        env:
+          BASE_URL: ${{ github.event.deployment_status.environment_url }}
+      - name: Upload test results
+        if: always()
+        uses: actions/upload-artifact@v4
+        with:
+          name: playwright-report
+          path: playwright-report/
+          retention-days: 30
+      - name: Upload snapshots on failure
+        if: failure()
+        uses: actions/upload-artifact@v4
+        with:
+          name: test-results
+          path: test-results/
+          retention-days: 30

.gitignore

@@ -39,3 +39,7 @@ next-env.d.ts
 public/images/*
 !public/images/.gitkeep
 .prepare-images-lock
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/

app/(static)/about/page.tsx

@@ -60,7 +60,7 @@ const AboutPage = () => {
       <section className="py-20">
         <div className="container mx-auto px-4">
           <h2 className="text-4xl md:text-5xl font-bold mb-12 text-center">Our Approach</h2>
-          <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+          <div className="flex flex-col md:grid md:grid-cols-3 gap-8">
             <Card className="col-span-3">
               <CardHeader>
                 <h3 className="text-2xl font-semibold">Community Driven & Open-Source</h3>