Favorite button basic implementation added

ProjectSourceCode/src/resources/css/generated-pages/club-pages/club-page-styling.css

@@ -1,4 +1,13 @@
 #club-information-container
 {
     margin-right: 20px;
+}
+
+#club-favorite-button
+{
+    width: 35px;
+    transform: skewX(20deg);
+    margin-right: 25px;
+    filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.3));
+    filter: outline(2px solid red);
 }

ProjectSourceCode/src/resources/css/generated-pages/generated-pages-styling.css

@@ -85,7 +85,7 @@
     {
         transform: skewX(20deg); /* Skew the banner to create a triangular side */
         height: 20px;
-        margin-right: 200px;
+        margin-right: 130px;
     }
 
 /*

ProjectSourceCode/src/resources/js/club-page/favorite-button.js

@@ -0,0 +1,8 @@
+document.addEventListener("DOMContentLoaded", function() {
+    var favoriteButton = document.getElementById("club-favorite-button");
+    if (favoriteButton) {
+        favoriteButton.addEventListener("click", function() {
+            favoriteButton.src = "/img/club-page/favorited.png";
+        });
+    }
+});