Fix image not showing up when changed on forum creation

src/templates/forum/board_base.html

@@ -2,9 +2,22 @@
 https://github.com/ellmetha/django-machina/blob/main/machina/templates/machina/board_base.html-->
 {% extends 'machina/board_base.html' %}
 
-{% load i18n %}
+{% load static i18n %}
 {% load forum_permission_tags %}
 
+{% block title %}
+  {{ MACHINA_FORUM_NAME|default:"Forum" }}
+  {% block sub_title %}
+  {% endblock sub_title %}
+{% endblock title %}
+{% block css %}
+  {{ block.super }}
+  <link rel="stylesheet"
+        href="{% static 'css/machina.board_theme.vendor.min.css' %}" />
+  <link rel="stylesheet"
+        href="{% static 'css/machina.board_theme.min.css' %}" />
+  <link rel="stylesheet" href="{% static 'machina/custom-styling.css' %}" />
+{% endblock css %}
 {% block body %}
   <div class="my-5 container" id="main_container">
     <div class="row">

src/templates/forum/forum_form.html

@@ -22,13 +22,13 @@
         const files = e.target.files;
         const [file] = files;
         var trashButton = document.getElementById("trash-button");
+        var imgPreview = document.getElementById("img-preview");
 
-        // Remove the previous image if one is already loaded
-        if (trashButton) {
-          trashButton.click();
-        }
-
-        if (file) {
+        // Replace the previous image if one is already loaded
+        if (trashButton && imgPreview) {
+          imgPreview.src = URL.createObjectURL(file);
+          return;
+        } else if (file) {
           trashButton = document.createElement('button');
           const trashImg = document.createElement('i');
           const imgPreview = document.createElement('img');