Add funding.json file and update package.json dependencies

- Introduced a new funding.json file to support project funding details.
- Updated package.json to version 4.5.3 and modified various dependencies, including @babel/core, @babel/preset-react, and others to their latest versions.
- Adjusted pnpm-lock.yaml to reflect the changes in dependencies and their versions.

libs/ui/src/components/rich-input.tsx

@@ -205,6 +205,8 @@ const Toolbar = ({ editor }: { editor: Editor }) => {
         </Toggle>
       </Tooltip>
 
+      <div className="my-auto h-5 w-px bg-border" />
+
       <Tooltip content="Hyperlink">
         <Button type="button" size="sm" variant="ghost" className="px-2" onClick={setLink}>
           <LinkSimpleIcon />
@@ -235,6 +237,8 @@ const Toolbar = ({ editor }: { editor: Editor }) => {
         </Toggle>
       </Tooltip>
 
+      <div className="my-auto h-5 w-px bg-border" />
+
       <Tooltip content="Heading 1">
         <Toggle
           size="sm"
@@ -282,6 +286,8 @@ const Toolbar = ({ editor }: { editor: Editor }) => {
         </Toggle>
       </Tooltip>
 
+      <div className="my-auto h-5 w-px bg-border" />
+
       <Tooltip content="Align Left">
         <Toggle
           size="sm"
@@ -330,6 +336,8 @@ const Toolbar = ({ editor }: { editor: Editor }) => {
         </Toggle>
       </Tooltip>
 
+      <div className="my-auto h-5 w-px bg-border" />
+
       <Tooltip content="Bullet List">
         <Toggle
           size="sm"
@@ -380,6 +388,8 @@ const Toolbar = ({ editor }: { editor: Editor }) => {
         </Button>
       </Tooltip>
 
+      <div className="my-auto h-5 w-px bg-border" />
+
       <Popover>
         <Tooltip content="Insert Image">
           <PopoverTrigger asChild>
@@ -419,6 +429,8 @@ const Toolbar = ({ editor }: { editor: Editor }) => {
         </Button>
       </Tooltip>
 
+      <div className="my-auto h-5 w-px bg-border" />
+
       <Tooltip content="Undo">
         <Button
           size="sm"