feat: product analytic UI

[urmauur]

Describe Your Changes

• Permission pop-up
  

• Privacy setting
  

• Integrate posthog
  

if (typeof window !== 'undefined') {
  posthog.init(POSTHOG_KEY, {
    api_host: POSTHOG_HOST,
    autocapture: false,
    person_profiles: 'always',
    persistence: 'localStorage',
  });
}

Initializes PostHog only on the client side (browser environment) to avoid errors during server-side rendering.

• PostHog is configured with the following options:
• api_host: Specifies the PostHog API endpoint.
• autocapture: false: Disables automatic event tracking; events need to be explicitly tracked.
• person_profiles: 'always': Enables person profiles in all cases.
• persistence: 'localStorage': Ensures data is stored in localStorage for consistency across browser sessions.

useEffect(() => {
  const timer = setTimeout(() => {
    if (productAnalyticPrompt) {
      setShowProductAnalyticPrompt(true);
    }
    return () => clearTimeout(timer);
  }, 3000); // 3 seconds delay

  return () => clearTimeout(timer); // Cleanup timer on unmount
}, [productAnalyticPrompt]

• Adds a delay of 3 seconds before showing a product analytics prompt (setShowProductAnalyticPrompt(true)).

• Uses a setTimeout inside the useEffect and ensures cleanup with clearTimeout:

  • First cleanup ensures the timeout is cleared when productAnalyticPrompt changes or the component unmounts.
  • Second cleanup ensures proper memory management if the timeout runs its course.
  • This ensures no unnecessary timers are left running, avoiding potential performance issues.

  useEffect(() => {
  if (productAnalytic) {
    posthog.opt_in_capturing();
    posthog.register({ app_version: VERSION });
  } else {
    posthog.opt_out_capturing();
  }
  

}, [productAnalytic]);

- Handles user consent (productAnalytic) to enable or disable analytics tracking:
- If consent is given (productAnalytic is true):
  - Enables tracking using posthog.opt_in_capturing().
  - Registers additional data like app_version with PostHog.
- If consent is not given (productAnalytic is false):
  - Disables tracking using posthog.opt_out_capturing().
  - Dependency on productAnalytic ensures this effect runs whenever consent changes.

## Fixes Issues

- Closes #3119 
- Closes #

## Self Checklist

- [ ] Added relevant comments, esp in complex areas
- [ ] Updated docs (for bug fixes / features)
- [ ] Created issues for follow-up changes or refactoring needed

[louis-jan]

LGTM

[github-actions]

Barecheck - Code coverage report

Total: 69.22%

Your code coverage diff: 0.17% ▴

Uncovered files and lines

File	Lines
web/containers/LeftPanelContainer/index.tsx	33, 39, 43, 48-50, 55-57, 61, 64, 66-67, 101
web/containers/RightPanelContainer/index.tsx	42, 52-53, 58-60, 64, 67, 69-70, 80-81
web/screens/Settings/Advanced/index.tsx	81, 90, 103, 121-124, 134, 138-140, 142, 188-191, 198-199, 201, 205-206, 208, 210-211, 214, 261, 293-296, 302-304, 311-314, 353, 376, 385, 434, 515, 520
web/screens/Settings/Privacy/index.tsx	24, 86-87, 89-90, 92, 120

[github-actions]

This is the build for this pull request. You can download it from the Artifacts section here: Build URL.

[github-actions]

This is the build for this pull request. You can download it from the Artifacts section here: Build URL.

[hiento09]

LGTM

[github-actions]

This is the build for this pull request. You can download it from the Artifacts section here: Build URL.