feat: keep draft state button accessible always (#4121)

Author: asalem1

src/flows/components/VersionSidebar.tsx

@@ -203,14 +203,12 @@ export const VersionSidebar: FC = () => {
           thumbStartColor="gray"
         >
           <div className="version-sidebar--submenu-wrapper">
-            {hasDraft && (
-              <Button
-                icon={IconFont.ArrowLeft_New}
-                text="Back to Current Version"
-                onClick={handleClose}
-                className="version-sidebar--back-btn"
-              />
-            )}
+            <Button
+              icon={IconFont.ArrowLeft_New}
+              text="Back to Current Version"
+              onClick={handleClose}
+              className="version-sidebar--back-btn"
+            />
             <List>
               {trimmedVersions.map(version => (
                 <React.Fragment key={version.id}>

src/flows/components/header/MenuButton.tsx

@@ -198,10 +198,13 @@ const MenuButton: FC<Props> = ({handleResetShare}) => {
         onClick: handleViewPublish,
         icon: IconFont.History,
         disabled: () => {
-          if (versions.length > 1) {
-            return false
+          const [first, second] = versions
+          // accounts for the draft state
+          let versionId = first?.id
+          if (first?.id === 'draft' && second?.id) {
+            versionId = second?.id
           }
-          return versions[0]?.id === 'draft'
+          return !(versionId !== 'draft' && typeof versionId !== undefined)
         },
       },
       {title: 'divider', type: 'divider'}