Resolve "As a user I want to see a list of all available towns with trails so I can plan where to go"

Closes #48 (closed)

As per the user story, I re-designed the old home page to be the same as the new page, this newer page is now dynamic, instead of being hard-coded, allowing for each user to view their current progress per town.

The progress is the % of all landmarks in a town collected with respect to the number of trails in said town ( both values easily visible). I have also given a rough colour-code to each % progress a user has.

i.e.

• 100%-Gold Banner and trail progress/trail number Gold box
• (90-99)% - Dark Gold colours
• (70-89)% - Blue colours
• (50-69)% - Green colours
• (00-49)% - Red colours

src/main/java/Team5/SmartTowns/Towns/towns.java

+package Team5.SmartTowns.Towns;
+
+import lombok.Data;
+
+@Data
+public class towns {
+    private String name;
+    private Integer id;
+    private int trailNumber;
+    private int trailProgress;
+
+
+    public String getName() {
+        return name;
+    }
+
+    public void setName(String name) {
+        this.name = name;
+    }
+
+    public Integer getId() {
+        return id;
+    }
+
+    public void setId(Integer id) {
+        this.id = id;
+    }
+
+    public int getTrailNumber() {
+        return trailNumber;
+    }
+
+    public void setTrailNumber(int trailNumber) {
+        this.trailNumber = trailNumber;
+    }
+
+    public int getTrailProgress() {
+        return trailProgress;
+    }
+
+    public void setTrailProgress(int trailProgress) {
+        this.trailProgress = trailProgress;
+    }
+
+
+    public towns(String name, Integer id, int trailNumber, int trailProgress) {
+        this.name = name;
+        this.id = id;
+        this.trailNumber = trailNumber;
+        this.trailProgress = trailProgress;
+    }
+}