Merge branch 'master' of git.keannu1.duckdns.org:keannu125/Borrowing-TrackerFrontend into feature/student_pages

src/Components/DashboardPage/Technician/TechnicianEquipmentButtons.tsx

@@ -8,6 +8,7 @@ import NoteIcon from "@mui/icons-material/Note";
 import { colors } from "../../../styles";
 import ScienceIcon from "@mui/icons-material/Science";
 import ColorizeIcon from "@mui/icons-material/Colorize";
+import ArticleIcon from '@mui/icons-material/Article';
 import Popup from "reactjs-popup";
 import AddItemModal from "../../AddItemModal/AddItemModal";
 import AddSKUModal from "../../AddSKUModal/AddSKUModal";
@@ -160,6 +161,7 @@ export default function TechnicianEquipmentButtons() {
             View SKUs
           </p>
         </Button>
+        
       </div>
       <div
         style={{
@@ -180,6 +182,37 @@ export default function TechnicianEquipmentButtons() {
               flexWrap: "wrap",
             },
           }}
+        >
+          <ArticleIcon
+            style={{
+              height: 64,
+              width: 64,
+              fill: colors.font_dark,
+              marginLeft: "1rem",
+              marginRight: "1rem",
+            }}
+            onClick={() => {
+              navigate("/view/transactions");
+            }}
+          />
+          <p
+            style={{
+              ...styles.text_dark,
+              ...styles.text_M,
+            }}
+          >
+            Transactions
+          </p>
+        </Button>
+        <Button
+          style={{
+            ...styles.flex_column,
+            ...{
+              alignSelf: "center",
+              justifyContent: "center",
+              flexWrap: "wrap",
+            },
+          }}
         >
           <ScienceIcon
             style={{