refactor: simplify navbar actions and enhance logout functionality

- Removed the development-only button for creating projects in the navbar to streamline the UI.
- Updated the logout function in the useAuthActions hook to redirect users to the home page after signing out.

Author: 0xdevcollins

components/landing-page/navbar.tsx

@@ -299,51 +299,14 @@ function AuthenticatedActions() {
 
 function UnauthenticatedActions() {
   const [createProjectModalOpen, setCreateProjectModalOpen] = useState(false);
-  const {
-    executeProtectedAction,
-    showWalletModal,
-    closeWalletModal,
-    handleWalletConnected,
-  } = useProtectedAction({
-    actionName: ACTIONS.CREATE_PROJECT,
-    onSuccess: () => setCreateProjectModalOpen(true),
-  });
-
-  const isDev = process.env.NODE_ENV !== 'production';
+  const { showWalletModal, closeWalletModal, handleWalletConnected } =
+    useProtectedAction({
+      actionName: ACTIONS.CREATE_PROJECT,
+      onSuccess: () => setCreateProjectModalOpen(true),
+    });
 
   return (
     <>
-      {isDev && (
-        <BoundlessButton
-          variant='outline'
-          size='sm'
-          onClick={() =>
-            executeProtectedAction(() => setCreateProjectModalOpen(true))
-          }
-          className='border-white/20 transition-all duration-200'
-          style={
-            {
-              '--hover-bg': `${BRAND_COLOR}1A`,
-              '--hover-border': `${BRAND_COLOR}66`,
-              '--hover-color': BRAND_COLOR,
-            } as React.CSSProperties
-          }
-          onMouseEnter={e => {
-            e.currentTarget.style.backgroundColor = `${BRAND_COLOR}1A`;
-            e.currentTarget.style.borderColor = `${BRAND_COLOR}66`;
-            e.currentTarget.style.color = BRAND_COLOR;
-          }}
-          onMouseLeave={e => {
-            e.currentTarget.style.backgroundColor = '';
-            e.currentTarget.style.borderColor = '';
-            e.currentTarget.style.color = '';
-          }}
-        >
-          <Plus className='mr-2 h-4 w-4' />
-          Add Project
-        </BoundlessButton>
-      )}
-
       <Link
         href='/auth?mode=signin'
         className='inline-flex h-8 items-center justify-center gap-2 rounded-[10px] bg-[#a7f950] px-3 text-sm font-medium whitespace-nowrap text-black shadow-sm shadow-[#a7f950]/20 transition-all hover:bg-[#a7f950]/90'

hooks/use-auth.ts

@@ -166,10 +166,12 @@ export function useAuthStatus() {
 
 // Hook for auth actions
 export function useAuthActions() {
+  const router = useRouter();
   const logout = useCallback(async () => {
     try {
       console.log('Signing out user');
       await authClient.signOut();
+      router.push('/');
     } catch (error) {
       console.error('Failed to sign out:', error);
       throw error;