Guide text

app/components/Calendar.tsx

@@ -213,6 +213,11 @@ export default function Calendar() {
             <div className={styles.latestBoxBtnContainer}>
                 {renderLatestBoxButton()}
             </div>
+            <div className={styles.guideText}>
+                <h3>Käyttöohje</h3>
+                Klikkaa laatikon päivää kuitataksesi sen haetuksi tai peruuttaaksesi haun.
+                Jakopäivät näkyvät vaalean vihreinä. Jos laatikko on jo haettu, se näkyy tumman vihreänä.
+            </div>
             <div className={styles.calendarGrid}>
                 <span>Ma</span>
                 <span>Ti</span>