Travel advisory update

app/not-found.js

@@ -1,5 +1,3 @@
-import Link from "next/link";
-
 export default function NotFound() {
     return (
         <main className="flex flex-col text-center">

app/travel-advisory/HistoryModal.js

@@ -12,7 +12,7 @@ const HistoryModal = ({ isVisible, onClose, countries, dangerLevel, history }) =
             )
         })
     } else {
-        historyList = <li>Currently no diplomatic/medical issues in this country.</li>;
+        historyList = <li>Currently no diplomatic/medical issues in {countries}.</li>;
     }
 
     return (

app/travel-advisory/ListCountries.js

@@ -51,7 +51,7 @@ export function Countries(){
         })
 
         return (
-            <div key="countries" id={'#' + country.url} className="bg-center bg-no-repeat bg-[image:var(--image-url)] bg-gray-500 bg-blend-multiply" style={{'--image-url': `url(${country.image})`}} >
+            <div key={country.name} id={country.url} className="bg-center bg-no-repeat bg-[image:var(--image-url)] bg-gray-500 bg-blend-multiply" style={{'--image-url': `url(${country.image})`}} >
                 <div className="sm:px-40 px-10 py-10 space-y-3">
                     <h1 className="font-medium md:text-5xl text-3xl">{country.name}</h1>
                     <h2 className="text-lg">{dangerLevel}</h2>

app/travel-advisory/countries.json

@@ -188,10 +188,14 @@
             "url": "solstice",
             "danger": 1,
             "image": "/countries/solstice.webp",
-            "settlements": [],
+            "settlements": [
+                {
+                    "name": "Othoroot",
+                    "danger": 3
+                }
+            ],
             "history": [
-                "December 10th, 2023: Potential risk for Kemonomimis as the government is planning on passing a law that would risk their lives.",
-                "- Corruption within the government is rising."
+                "December 22nd 2023: Violent protests at Othoroot."
             ]
         },
         {