ui: fix topic labels on notebook foreground

These appeared black on blue when they should be white on blue. We use `static` color for it as it remains the same in all themes.

apps/web/src/components/dialogs/topicdialog.js

@@ -21,7 +21,7 @@ function TopicDialog(props) {
     >
       <Box my={1}>
         <Input
-          placeholder="name"
+          placeholder="Topic title"
           onChange={(e) => {
             setTopic(e.target.value);
           }}

apps/web/src/components/notebook/index.js

@@ -57,11 +57,11 @@ class Notebook extends React.Component {
                   marginRight: 1,
                   borderRadius: "default",
                   color: "static",
-                  paddingTop: 0.4,
-                  paddingBottom: 0.4,
+                  paddingTop: "2px",
+                  paddingBottom: "2px",
                 }}
               >
-                <Text variant="body" fontSize={11}>
+                <Text variant="body" color="static" fontSize={11}>
                   {topic.title}
                 </Text>
               </Flex>