subline/views/dashboardPage/components/ingredientDetails.ejs

<div id="ingredientDetails" class="sidebarHide">
    <button class="sidebarIconButton" onclick="closeSidebar()">
        <svg width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"></line>
            <polyline points="12 5 19 12 12 19"></polyline>
        </svg>
    </button>

    <p></p>
    <h1></h1>
    <div class="lineBorder"></div>

    <label>Current Stock
        <p id="ingredientStock"></p>
    </label>

    <div class="lineBorder"></div>

    <label>Average Daily Use (30 days)
        <p id="dailyUse"></p>
    </label>
</div>