Added Component Documentations

- Added AdminCantFindApt component documentation
- Added AdminContactQuestion component documentation

frontend/src/components/Admin/AdminCantFindApt.tsx

@@ -34,6 +34,21 @@ type Props = {
   readonly photos?: readonly string[];
 };
 
+/**
+ * AdminCantFindApt - A component that displays information about apartment submissions from users who couldn't find their apartment.
+ *
+ * @remarks
+ * This component renders a card containing details about an apartment submission, including the apartment name,
+ * address, submission date, and any photos provided. It is used in the admin interface to review and manage
+ * apartment submissions from users.
+ *
+ * @param {Date} props.date - The date when the apartment submission was made
+ * @param {string} props.apartmentName - The name of the apartment building/complex submitted
+ * @param {string} props.apartmentAddress - The street address of the apartment
+ * @param {readonly string[]} props.photos - Optional array of photo URLs showing the apartment
+ *
+ * @returns {ReactElement} - A Card component containing the formatted apartment submission details
+ */
 const AdminCantFindApt = ({
   date,
   apartmentName,

frontend/src/components/Admin/AdminContactQuestion.tsx

@@ -33,6 +33,21 @@ type Props = {
   readonly msg: string;
 };
 
+/**
+ * AdminContactQuestion - A component that displays contact questions submitted by users through the contact form.
+ *
+ * @remarks
+ * This component renders a card containing details about a contact question submission, including the user's name,
+ * email, message content, and submission date. It is used in the admin interface to review and manage
+ * user inquiries and questions.
+ *
+ * @param {Date} props.date - The date when the question was submitted
+ * @param {string} props.name - The name of the user who submitted the question
+ * @param {string} props.email - The email address of the user
+ * @param {string} props.msg - The message/question content submitted by the user
+ *
+ * @returns {ReactElement} - A Card component containing the formatted contact question details
+ */
 const AdminContactQuestion = ({ date, name, email, msg }: Props): ReactElement => {
   const classes = useStyles();
   const formattedDate = new Date(date).toLocaleString('en-US', {