Add more module term symbols

frontend/src/components/atoms/ModuleCard/index.tsx

 import React from "react";
 import Card from "react-bootstrap/Card";
+import Container from "react-bootstrap/Container";
 import styles from "./style.module.scss";
 import classNames from "classnames";
 import Col from "react-bootstrap/Col";
 import { Link } from "react-router-dom";
-import { faLeaf } from "@fortawesome/free-solid-svg-icons";
+import { faLeaf, faSun, faSnowflake } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
 export interface ModuleCardProps {
@@ -20,7 +21,14 @@ const ModuleCard: React.FC<ModuleCardProps> = ({ module }: ModuleCardProps) => {
         to={`modules/${module.code}`}
       >
         <Card.Header>
-          <FontAwesomeIcon icon={faLeaf}/>
+          <div>
+            <FontAwesomeIcon icon={faLeaf} style={{ marginRight: "8px" }} />
+            <FontAwesomeIcon
+              icon={faSnowflake}
+              style={{ marginRight: "8px" }}
+            />
+            <FontAwesomeIcon icon={faSun} />
+          </div>
           <span>{module.code}</span>
         </Card.Header>
         <Card.Img