New explore

Changed the explore page to view images from database Explore page lists the images, which now are clickable, and stores the id not a string viewpicture is now upated to view the image with the given id

src/main/java/NTNU/IDATT1002/controllers/Explore.java

 package NTNU.IDATT1002.controllers;
 
 import NTNU.IDATT1002.App;
+import NTNU.IDATT1002.models.Tag;
+import NTNU.IDATT1002.service.ImageService;
+import NTNU.IDATT1002.utils.ImageUtil;
 import javafx.event.ActionEvent;
 import javafx.event.EventHandler;
 import javafx.fxml.Initializable;
@@ -21,6 +24,7 @@ import java.net.URL;
 import java.util.Arrays;
 import java.util.List;
 import java.util.ResourceBundle;
+import java.util.stream.Collectors;
 
 /**
  * Controls the buttons and changeable elements on explore.fxml,
@@ -50,10 +54,10 @@ public class Explore implements Initializable {
      */
     @Override
     public void initialize(URL url, ResourceBundle resourceBundle) {
-        List<String> urls = Arrays.asList("@../../Images/placeholder-1920x1080.png", "@../../Images/party.jpg", "@../../Images/placeholderLogo.png", "@../../Images/party.jpg","@../../Images/placeholder-1920x1080.png", "@../../Images/placeholderLogo.png", "@../../Images/placeholder-1920x1080.png", "@../../Images/placeholderLogo.png", "@../../Images/party.jpg", "@../../Images/placeholderLogo.png", "@../../Images/party.jpg","@../../Images/placeholder-1920x1080.png", "@../../Images/placeholderLogo.png", "@../../Images/placeholder-1920x1080.png", "@../../Images/party.jpg");
+        List<NTNU.IDATT1002.models.Image> images = new ImageService(App.ex.getEntityManager()).getAllImages();
         //Limited elements to 15 since grid pane since is 3x15
         //Can implement automatic row adding when this limit exceeded later
-        for(int i = 0; i < urls.size() && i < 15; i++) {
+        for(int i = 0; i < images.size() && i < 15; i++) {
             //Row and column in gripdane
             int column = i%3;
             int row = (i-column)/3;
@@ -67,7 +71,7 @@ public class Explore implements Initializable {
 
             //Image container
             ImageView iV = new ImageView();
-            iV.setImage(new Image(urls.get(i)));
+            iV.setImage(ImageUtil.convertToFXImage(images.get(i)));
             iV.setFitHeight(250);
             iV.setFitWidth(400);
             iV.pickOnBoundsProperty().setValue(true);
@@ -86,7 +90,10 @@ public class Explore implements Initializable {
             //Text describing the picture's title and tag
             Text title = new Text("TITLE:");
             title.setFont(Font.font("System Bold", 24));
-            Text tag = new Text("#TAGS");
+            String tagsAsString = images.get(i).getTags().stream()
+                    .map(Tag::getName)
+                    .collect(Collectors.joining(" "));
+            Text tag = new Text("TAGS:\n " + tagsAsString);
             tag.setFont(Font.font("System Bold", 18));
 
             //Add elements to vbox