use Inter font and placeholder (#250)

Author: nuwandavek

web/package.json

@@ -29,7 +29,7 @@
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.10.5",
     "@fontsource/bebas-neue": "^5.0.20",
-    "@fontsource/poppins": "^5.0.14",
+    "@fontsource/inter": "^5.2.6",
     "@monaco-editor/react": "^4.7.0",
     "@reduxjs/toolkit": "^2.2.4",
     "@types/js-yaml": "^4.0.9",

web/src/components/common/AutosizeTextarea.tsx

@@ -32,6 +32,7 @@ const AutosizeTextarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
           w="100%"
           resize="none"
           ref={textareaRef}
+          placeholder='Ask Anything!'
           minRows={2}
           maxHeight={300}
           as={ResizeTextarea}

web/src/components/common/ChakraContext.tsx

@@ -6,7 +6,7 @@ import { extendTheme } from '@chakra-ui/react'
 import { StyleSheetManager } from 'styled-components';
 import isPropValid from '@emotion/is-prop-valid';
 import '@fontsource/bebas-neue';
-import '@fontsource/poppins';
+import '@fontsource/inter';
 
 export const theme = extendTheme({
   fonts: {
@@ -139,7 +139,7 @@ export const theme = extendTheme({
   styles: {
     global: {
       '.scroll-body, .scroll-body *, .settings-body, .settings-body *': {
-        fontFamily: `"Poppins", serif`,
+        fontFamily: `"Inter", sans-serif`,
       },
       // add ol and ul tstyles. this is a fix for the list rendering the bullets way to the left
       'ol, ul': {

yarn.lock

@@ -3566,10 +3566,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@fontsource/poppins@npm:^5.0.14":
-  version: 5.0.14
-  resolution: "@fontsource/poppins@npm:5.0.14"
-  checksum: 10c0/7dce225f5425fa5c8ae51d241418270eab398b14dcd874cdff9367e052808e51fa6523cbf48de0ab23e095679fb8af552567b387dc62f8c2559d4240f6ce4ea2
+"@fontsource/inter@npm:^5.2.6":
+  version: 5.2.6
+  resolution: "@fontsource/inter@npm:5.2.6"
+  checksum: 10c0/7a1347608aab06e53665272ed41fd906ffa96c57b004e8aae91b98177bba97c54b60305d956254c4771387c383f9bdbd917006fb34c9721c020e6017d33e9a5c
   languageName: node
   linkType: hard
 
@@ -12806,6 +12806,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"p-limit@npm:^6.2.0":
+  version: 6.2.0
+  resolution: "p-limit@npm:6.2.0"
+  dependencies:
+    yocto-queue: "npm:^1.1.1"
+  checksum: 10c0/448bf55a1776ca1444594d53b3c731e68cdca00d44a6c8df06a2f6e506d5bbd540ebb57b05280f8c8bff992a630ed782a69612473f769a7473495d19e2270166
+  languageName: node
+  linkType: hard
+
 "p-locate@npm:^4.1.0":
   version: 4.1.0
   resolution: "p-locate@npm:4.1.0"
@@ -16382,7 +16391,7 @@ __metadata:
     "@emotion/react": "npm:^11.11.4"
     "@emotion/styled": "npm:^11.10.5"
     "@fontsource/bebas-neue": "npm:^5.0.20"
-    "@fontsource/poppins": "npm:^5.0.14"
+    "@fontsource/inter": "npm:^5.2.6"
     "@monaco-editor/react": "npm:^4.7.0"
     "@redux-devtools/core": "npm:^4.0.0"
     "@reduxjs/toolkit": "npm:^2.2.4"
@@ -16415,6 +16424,7 @@ __metadata:
     monaco-yaml: "npm:^5.4.0"
     node-sql-parser: "npm:^5.3.3"
     openai: "npm:^4.38.2"
+    p-limit: "npm:^6.2.0"
     posthog-js: "npm:^1.161.3"
     prettier: "npm:^2.8.4"
     query-string: "npm:^9.0.0"
@@ -16868,6 +16878,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"yocto-queue@npm:^1.1.1":
+  version: 1.2.1
+  resolution: "yocto-queue@npm:1.2.1"
+  checksum: 10c0/5762caa3d0b421f4bdb7a1926b2ae2189fc6e4a14469258f183600028eb16db3e9e0306f46e8ebf5a52ff4b81a881f22637afefbef5399d6ad440824e9b27f9f
+  languageName: node
+  linkType: hard
+
 "zustand@npm:^4.5.5":
   version: 4.5.5
   resolution: "zustand@npm:4.5.5"