chore: Move formatting out of translation strings

app/components/Editor.js

@@ -102,7 +102,7 @@ function Editor(props: PropsWithRef) {
       deleteTable: t("Delete table"),
       em: t("Italic"),
       embedInvalidLink: t("Sorry, that link won’t work for this embed type"),
-      findOrCreateDoc: t("Find or create a doc…"),
+      findOrCreateDoc: `${t("Find or create a doc")}…`,
       h1: t("Big heading"),
       h2: t("Medium heading"),
       h3: t("Small heading"),
@@ -115,18 +115,18 @@ function Editor(props: PropsWithRef) {
       link: t("Link"),
       linkCopied: t("Link copied to clipboard"),
       mark: t("Highlight"),
-      newLineEmpty: t("Type '/' to insert…"),
-      newLineWithSlash: t("Keep typing to filter…"),
+      newLineEmpty: `${t("Type '/' to insert")}…`,
+      newLineWithSlash: `${t("Keep typing to filter")}…`,
       noResults: t("No results"),
       openLink: t("Open link"),
       orderedList: t("Ordered list"),
-      pasteLink: t("Paste a link…"),
+      pasteLink: `${t("Paste a link")}…`,
       pasteLinkWithTitle: (service: string) =>
         t("Paste a {{service}} link…", { service }),
       placeholder: t("Placeholder"),
       quote: t("Quote"),
       removeLink: t("Remove link"),
-      searchOrPasteLink: t("Search or paste a link…"),
+      searchOrPasteLink: `${t("Search or paste a link")}…`,
       strikethrough: t("Strikethrough"),
       strong: t("Bold"),
       subheading: t("Subheading"),

app/components/IconPicker.js

@@ -200,7 +200,7 @@ class IconPicker extends React.Component<Props> {
             })}
           </Icons>
           <Flex onClick={preventEventBubble}>
-            <React.Suspense fallback={<Loading>{t("Loading…")}</Loading>}>
+            <React.Suspense fallback={<Loading>{t("Loading")}…</Loading>}>
               <ColorPicker
                 color={this.props.color}
                 onChange={(color) =>

app/components/InputSearch.js

@@ -54,7 +54,7 @@ class InputSearch extends React.Component<Props> {
 
   render() {
     const { t } = this.props;
-    const { theme, placeholder = t("Search…") } = this.props;
+    const { theme, placeholder = `${t("Search")}…` } = this.props;
 
     return (
       <InputMaxWidth

app/components/Sidebar/components/Collections.js

@@ -72,7 +72,7 @@ class Collections extends React.Component<Props> {
           to="/collections"
           onClick={this.props.onCreateCollection}
           icon={<PlusIcon color="currentColor" />}
-          label={t("New collection…")}
+          label={`${t("New collection")}…`}
           exact
         />
       </>