feature(dashboard): add ability to filter out events by profile id and ip (#101)

apps/dashboard/src/components/forms/tag-input.tsx

@@ -14,6 +14,7 @@ type Props = {
   className?: string;
   onChange: (value: string[]) => void;
   renderTag?: (tag: string) => string;
+  id?: string;
 };
 
 const TagInput = ({
@@ -22,6 +23,7 @@ const TagInput = ({
   renderTag,
   placeholder,
   error,
+  id,
 }: Props) => {
   const value = (
     Array.isArray(propValue) ? propValue : propValue ? [propValue] : []
@@ -34,7 +36,7 @@ const TagInput = ({
   const [scope, animate] = useAnimate();
 
   const appendTag = (tag: string) => {
-    onChange([...value, tag]);
+    onChange([...value, tag.trim()]);
   };
 
   const removeTag = (tag: string) => {
@@ -141,6 +143,7 @@ const TagInput = ({
         onChange={(e) => setInputValue(e.target.value)}
         onKeyDown={handleKeyDown}
         onBlur={handleBlur}
+        id={id}
       />
     </div>
   );