Create button for showing hidden recipes.

views/dashboardPage/css/strands/recipeBook.css

@@ -3,6 +3,21 @@
     align-items: center;
 }
 
+    #showHiddenRecipes{
+        display: flex;
+        align-items: center;
+    }
+
+        #showHiddenRecipes:hover{
+            background: rgb(0, 27, 45);
+            color: white;
+        }
+
+        #showHiddenRecipes input{
+            margin-right: 15px;
+            border-radius: none;
+        }
+
     #recipeList{
         display: flex;
         flex-direction: column;

views/dashboardPage/ejs/strands/recipeBook.ejs

@@ -2,7 +2,14 @@
     <div class="strandHead">
         <h1 class="strandTitle">RECIPE BOOK</h1>
 
-        <button id="recipeUpdate" class="button mobileHide"></button>
+        <div class="buttonBox">
+            <label id="showHiddenRecipes" class="button">
+                <input type="checkbox">
+                SHOW HIDDEN
+            </label>
+
+            <button id="recipeUpdate" class="button mobileHide"></button>
+        </div>
     </div>
 
     <div class="searchBar">