stopgap: clarify text on standard answer page for improved UX (#2122)

* stopgap: clarify text on standard answer page for improved UX

* replce apostrophe

* using tailwind:

---------

Co-authored-by: Jos Van der westhuizen <jos@danser.ai>

web/src/app/admin/standard-answer/page.tsx

@@ -295,6 +295,16 @@ const StandardAnswersTable = ({
           </div>
         )}
         {paginatedStandardAnswers.length > 0 && (
+          <>
+            <div className="mt-4">
+              <Text>
+                Ensure that you have added the category to the relevant{" "}
+                <a className="text-link" href="/admin/bot">
+                  Slack bot
+                </a>
+                .
+              </Text>
+            </div>
             <div className="mt-4 flex justify-center">
               <PageSelector
                 currentPage={currentPage}
@@ -303,6 +313,7 @@ const StandardAnswersTable = ({
                 shouldScroll={true}
               />
             </div>
+          </>
         )}
       </div>
     </div>
@@ -356,8 +367,10 @@ const Main = () => {
       {popup}
 
       <Text className="mb-2">
-        Here you can manage the standard answers that are used to answer
+        Manage the standard answers for pre-defined questions.
-        questions based on keywords or phrases.
+        <br />
+        Note: Currently, only questions asked from Slack can receive standard
+        answers.
       </Text>
       {standardAnswers.length == 0 && (
         <Text className="mb-2">Add your first standard answer below!</Text>