UI Updates (#3616)

## Description:

Updates Favicon and other key UI elements



## Please complete the following:

- [x] I have added screenshots for all UI updates
- [x] I process any text displayed to the user through translateText()
and I've added it to the en.json file
- [x] I have added relevant tests to the test directory
- [x] I confirm I have thoroughly tested these changes and take full
responsibility for any bugs introduced

## Please put your Discord username so you can be contacted if a bug or
regression is found:

iamlewis

---------

Co-authored-by: iamharry <harrylong0905@gmail.com>
Co-authored-by: FloPinguin <25036848+FloPinguin@users.noreply.github.com>
Co-authored-by: evanpelle <evanpelle@gmail.com>

src/client/styles.css

@@ -5,7 +5,7 @@
 
 @theme {
   --default-ring-width: 3px;
-  --default-ring-color: var(--color-blue-500);
+  --default-ring-color: var(text-[#0073b7]);
 }
 
 @layer base {
@@ -113,7 +113,7 @@ body {
   padding: 15px 20px;
   font-size: 16px;
   cursor: pointer;
-  background-color: #007bff;
+  background-color: #0073b7;
   color: white;
   border: none;
   border-radius: 8px;
@@ -123,7 +123,7 @@ body {
 }
 
 .start-game-button:not(:disabled):hover {
-  background-color: #0056b3;
+  background-color: #0073b7;
 }
 
 .start-game-button:disabled {
@@ -580,7 +580,7 @@ label.option-card:hover {
 /* News Button Notification */
 news-button .active button {
   position: relative;
-  border-color: #2563eb !important;
+  border-color: #0073b7 !important;
   border-width: 2px !important;
   box-shadow:
     0 0 0 1px rgba(37, 99, 235, 0.5),