fix: First auto-save unfocuses document (#1046)

* fix: Autosave unfocuses document

* Revert unneeded change

* test: le fix

* fix: Handle offline state
fix: Untitled documents appear with empty titles

* fix: Draft bubble roundness (yes, it doesnt belong here but see it, fix it)

app/components/Sidebar/components/Bubble.js

@@ -14,18 +14,18 @@ const Bubble = ({ count }: Props) => {
 const Count = styled.div`
   animation: ${bounceIn} 600ms;
   transform-origin: center center;
-  border-radius: 100%;
   color: ${props => props.theme.white};
   background: ${props => props.theme.slateDark};
   display: inline-block;
   font-feature-settings: 'tnum';
   font-weight: 600;
   font-size: 9px;
-  line-height: 16px;
   white-space: nowrap;
   vertical-align: baseline;
   min-width: 16px;
   min-height: 16px;
+  line-height: 16px;
+  border-radius: 8px;
   text-align: center;
   padding: 0 4px;
   margin-left: 8px;