feat: integrate Universal Design System with Web, Print, and Presentation examples

packages/ui/src/context/EnvironmentContext.tsx

@@ -0,0 +1,17 @@
+import React, { createContext, useContext } from 'react';
+
+export type Environment = 'web' | 'print' | 'presentation';
+
+const EnvironmentContext = createContext<Environment>('web');
+
+export const EnvironmentProvider: React.FC<{ env: Environment; children: React.ReactNode }> = ({ env, children }) => {
+  return (
+    <EnvironmentContext.Provider value={env}>
+      {children}
+    </EnvironmentContext.Provider>
+  );
+};
+
+export const useEnvironment = () => {
+  return useContext(EnvironmentContext);
+};