Handle logout

src/components/Authenticator/authenticator.ts

@@ -45,7 +45,7 @@ function handleAuthenticated() {
   showHideAuthElements('show');
 }
 
-function handleAuthRequired() {
+export function handleAuthRequired() {
   const token = Cookies.get(TOKEN_COOKIE_NAME);
   if (token) {
     handleAuthenticated();

src/components/Navigation/navigation.ts

@@ -1,9 +1,11 @@
 import Cookies from 'js-cookie';
 import { TOKEN_COOKIE_NAME } from '../../lib/constants';
+import { handleAuthRequired } from '../Authenticator/authenticator';
 
 function logout() {
   Cookies.remove(TOKEN_COOKIE_NAME);
-  window.location.href = '/';
+  handleAuthRequired();
+  window.location.reload();
 }
 
 function bindEvents() {

src/components/TopicOverlay/TopicOverlay.astro

@@ -38,7 +38,6 @@ const { contentContributionLink } = Astro.props;
           <Icon icon='check' />
           <span class='ml-2'>Mark as Done</span>
         </button>
-      </div>
 
         <button
           id='mark-topic-pending'
@@ -47,6 +46,7 @@ const { contentContributionLink } = Astro.props;
           <Icon icon='reset' />
           <span class='ml-2'>Mark as Pending</span>
         </button>
+      </div>
 
       <button
         type='button'