[recnet-api] Adjust email layout: invite code (#347)

## Description

<!--- Describe your changes in detail -->
Move invite code indicator in email template

## Related Issue

<!--- This project only accepts pull requests related to open issues -->
<!--- If suggesting a new feature or change, please discuss it in an
issue first -->
<!--- If fixing a bug, there should be an issue describing it with steps
to reproduce -->
<!--- Please link to the issue here: -->
- #341 

## Notes

<!-- Other thing to say -->

## Test

<!--- Please describe in detail how you tested your changes locally. -->

## Screenshots (if appropriate):

<!--- Add screenshots of your changes here -->
![Screenshot 2024-10-29 at 3 40
13 PM](https://github.com/user-attachments/assets/4e0c2cda-f11b-4382-b0c7-af56b63a73f8)

## TODO

- [ ] Clear `console.log` or `console.error` for debug usage
- [ ] Update the documentation `recnet-docs` if needed

apps/recnet-api/src/modules/email/templates/WeeklyDigest.tsx

@@ -203,9 +203,20 @@ const WeeklyDigest = (props: WeeklyDigestProps) => {
                 )}
               </Text>
             </Section>
+            {numUnusedInviteCodes && numUnusedInviteCodes > 0 ? (
+              <>
+                <Hr className="mb-0" />
+                <Container className="flex justify-center">
+                  <Text className="text-[12px]">
+                    You have {numUnusedInviteCodes} unused invite code
+                    {numUnusedInviteCodes > 1 ? "s" : ""}! Share the love ❤️
+                  </Text>
+                </Container>
+              </>
+            ) : null}
             {latestAnnouncement ? (
               <Container>
-                <Hr className="pb-1" />
+                <Hr className="pb-1 mt-0" />
                 <div className="m-2 p-4 rounded-lg bg-[#3591FF40] flex flex-col gap-y-1 text-[14px]">
                   <Text className="my-0">
                     <span className="mr-1">{"📢"}</span>
@@ -241,17 +252,6 @@ const WeeklyDigest = (props: WeeklyDigestProps) => {
                 </Button>
               </div>
             </Section>
-            {numUnusedInviteCodes && numUnusedInviteCodes > 0 ? (
-              <>
-                <Hr className="mb-0 py-0" />
-                <Container className="flex justify-center">
-                  <Text className="text-[12px]">
-                    You have {numUnusedInviteCodes} unused invite code
-                    {numUnusedInviteCodes > 1 ? "s" : ""}! Share the love ❤️
-                  </Text>
-                </Container>
-              </>
-            ) : null}
           </Container>
         </Body>
       </Tailwind>